Возможно ли: у меня есть div, который относится к двум классам, и я хочу добавить еще один конфиг в div, но не хочу, чтобы родительские классы индивидуально имели эти свойства. Например
Div-один
<div class="classA classB">Some Text</div>
Div-два
<div class="classA"></div>
Div-три
<div class="classB"></div>
Теперь в файле CSS:
.classA{
height:100%,
width:100%
}
classB{
text-align:center,
etc:etc
}
Теперь, как я могу применить дополнительную конфигурацию к div-one без добавления этих параметров конфигурации в классы A & B, и я не могу использовать свойство ID, потому что div создается динамически. Поэтому я хочу, чтобы некоторые функции, такие как
.classA .classB{
//additional config
}
Но я не хочу, чтобы дополнительный конфиг был применен к div-two и div-three
Если я правильно понимаю ваш вопрос, вы хотите classA
только div
который имеет как classA
и classB
правильно? Если да, вот как вы это делаете:
.classA.classB {
//additional config
}
Обратите внимание, что между двумя классами нет места. Это означает, что установленные вами стили будут применяться только к элементам, которые имеют как classA
и classB
Вот скрипка, показывающая это: http://jsfiddle.net/NbJ2j/
Всегда существует несколько способов настроить элемент с помощью CSS. В этом случае вы можете, например, добавить classC в первый div. Или выберите его с помощью псевдоселектора:
div:first-of-type {color: blue;}
div
изменилась.
div
генерируются динамически, поэтому очень велика вероятность того, что порядок элементов изменится. Кроме того, это работает, только если рассматриваемые элементы являются первыми на странице. Это не удастся, если они находятся в родительском div
.