Применить CSS к элементу, который принадлежит двум классам, но не к этим двум классам по отдельности

0

Возможно ли: у меня есть 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

Теги:

2 ответа

4
Лучший ответ

Если я правильно понимаю ваш вопрос, вы хотите classA только div который имеет как classA и classB правильно? Если да, вот как вы это делаете:

.classA.classB {
//additional config
}

Обратите внимание, что между двумя классами нет места. Это означает, что установленные вами стили будут применяться только к элементам, которые имеют как classA и classB

Вот скрипка, показывающая это: http://jsfiddle.net/NbJ2j/

  • 0
    Что произойдет, если я добавлю пробел, и они будут добавлены в конфигурацию classA и classB?
  • 0
    Тебе стоит попробовать это.
Показать ещё 5 комментариев
0

Всегда существует несколько способов настроить элемент с помощью CSS. В этом случае вы можете, например, добавить classC в первый div. Или выберите его с помощью псевдоселектора:

div:first-of-type {color: blue;}
  • 0
    но ваша логика не удастся. если последовательность div изменилась.
  • 0
    @KheemaPandey Не говоря уже о том, что OP упомянул, что элементы div генерируются динамически, поэтому очень велика вероятность того, что порядок элементов изменится. Кроме того, это работает, только если рассматриваемые элементы являются первыми на странице. Это не удастся, если они находятся в родительском div .
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню