Префикс CSS Selectors

Question

Как я могу легко префиксные селектор CSS?

В моем файле CSS у меня много классов, но я не хочу, чтобы эти стили применялись ко всему HTML, но определенному div.

Для примера,

//In css file 
.myClass{ 
//Some Styling 
} 

//In HTML 

<div class=myClass></div> 
<div id="styleOnlyInsideMe"> 
<div class=myClass></div> 
</div> 

Если бы я мог префиксом мой селектор с идентификатором

#styleOnlyInsideMe .myClass{ 
    //Some Styling 
    } 

myClass стиль будет применяться только к Div внутри #styleOnlyInsideMe. Есть ли альтернативный способ достижения этого? Я хочу это, потому что, я хочу избежать конфликта, когда я вставляю css-ремень для загрузки на свою страницу.

Что делать, если я пишу код для замены всего текста между '}' и '{' и заменяю слово между ними, префикс нового идентификатора?

Answer 1

Если вы используете текстовый редактор, который будет поддерживать регулярное выражение найти & заменить вы могли бы сделать что-то вроде этого:

Я использую Notepad ++

Приставка все classes Поиск: (\.-?[_a-zA-Z]+[_a-zA-Z0-9-]*\s*\{) Заменить: #yourID \1

Префикс все IDs Найти: (\#-?[_a-zA-Z]+[_a-zA-Z0-9-]*\s*\{) Заменить: #yourID \1

перед:

.p_container { 
    position:fixed; 
    z-index:2; 
    display:none; 
} 

.step { 
    background-repeat:no-repeat; 
    background-position:center; 
} 

после:

#yourID .p_container { 
    position:fixed; 
    z-index:2; 
    display:none; 
} 

#yourID .step { 
    background-repeat:no-repeat; 
    background-position:center; 
} 

Редактировать

Ближайший я мог добраться до автоматизирован следующая ситуация:

Run

поиск: ((\.-?)(.*?)(?=\,)) Заменить #yourID \1 - найти через запятую классы

Поиск: ((\#-?)(.*?)(?=\,)) Заменить #yourID \1 - найти через запятую идентификаторы

поиск: ((\.-?)(.*?)(?=\{)) Replace #yourID \1 - найти классы

поиск: ((\#-?)(.*?)(?=\{)) Заменить #yourID \1 - найти DIVS

Найти (\n[_a-zA-Z]+[_a-zA-Z0-9-])(.*?)(?=\{) Заменить #yourID \1 - найти элемент селекторов

Интересно, может ли кто-нибудь найти лучший способ сделать это. Селектор элементов, который я нашел сложным, возможно, может быть улучшен!

Найти #yourID #yourID Заменить #yourID - заменить возможные дубликаты