Как изменить имена классов в html-файле и css-файле одновременно / систематически? - PullRequest
Новая
       43

Как изменить имена классов в html-файле и css-файле одновременно / систематически?

0 голосов
/ 25 мая 2019

У меня есть файл css и файл html, в котором мне нужно обновить имена классов в соответствии с другим соглашением об именах.

  • раздел -> новый раздел
  • раздел-класс -> новый-раздел-класс
  • section-div -> new-section-div
  • другой класс -> новый-другой класс

Оригинальный файл HTML 

<div class="section section-class">
<div class="section-div ">
  test
  </div>

  <div class="another-class ">
  test 2
  </div>
</div>

Оригинальный файл CSS 

.section {
  font-size: 16px;
}

.section-class {
    border-radius: 0px;

}

.section .section-div {
    padding-top: 25px;
}


.another-class {
  color: #111111;
}

желаемый HTML-файл 

    <div class="new-section new-section-class">
    <div class="new-section-div ">
      test
      </div>
  <div class="new-another-class ">
  test 2
  </div>
    </div>

Требуемый файл CSS 

.new-section {
  font-size: 16px;
}

.new-section-class {
    border-radius: 0px;

}

.new-section .new-section-div {
    padding-top: 25px;
}


.new-another-class {
  color: #111111;
}

Я пытался использовать PurifyCSS , но эта функция позволяет удалить только ненужный класс вместо переименования классов.

Основная проблема: у меня есть два обширных / сложных CSS-файла с конфликтующими именами, поэтому я хотел бы переименовать все классы в одном из CSS-файлов, а также соответствующие HTML-файлы.

...