2010-04-08 4 views
1

Если у меня есть 100 файлов HTML, которые используют набор классов, которые используются в качестве селекторов в файлах CSS, есть ли утилита, которую я могу использовать для интеллектуального переименования классов?Переименование классов HTML в файлах CSS

Я знаю, что каждый редактор/IDE имеет функцию поиска/замены в проекте. Используя sed, вы можете сделать то же самое. Это не разумно, потому что это простая строка. Я хочу знать инструмент, который действительно понимает, что такое класс CSS и как его заменить. Я полагаю, что обычное регулярное выражение может делать то же самое.

+0

Звуки, как вы ответили на свой вопрос с несколькими решениями? – Kristopher

+0

А? Что такое класс, отличный от строки внутри тега элемента в форме «class =» независимо от ''? Единственное, что я могу придумать, - это использовать регулярное выражение для поиска тегов и замены экземпляра 'class =" независимо от '' внутри каждого тега. Я думаю, вы делаете этот процесс более сложным, чем нужно. – animuson

+0

Вы имеете в виду класс HTML или селектор CSS? Нет такой вещи, как «класс CSS», но этот термин обычно ошибочно применяется к обоим вышеизложенным. – Quentin

ответ

1

Я думаю, что вы ищете Google, Closure stylesheets.
Одна из особенностей таблицы стилей закрытия - renaming.

пример закрытия таблиц стилей переименования функций следующим образом.

<style> 
    .descriptive-parent-class-name .descriptive-element-class-name {color:red;} 
</style> 
<div class="descriptive-parent-class-name"> 
    <p class="descriptive-element-class-name">Lorem ipsum</p> 
    <p class="descriptive-element-class-name">Lorem ipsum</p> 
</div> 

станет

<style> 
    .a-b .a-c {color:red;} 
</style> 
<div class="a-b"> 
    <p class="a-c">Lorem ipsum</p> 
    <p class="a-c">Lorem ipsum</p> 
</div> 

Там будет дальше минификация особенности тоже.

Также проверьте closure Compiler.

если вы проверяете любую страницу Google/Facebook, вы увидите их имена классов и ID почти никогда не длиннее 4 случайных символов