Селектор CSS для применения при определенных условиях ⇐ Html

[Anonymous]

У меня есть структура HTML, как показано ниже:

Код: Выделить всё

Student A 

Student B 



 Student C 

 Student D 

А ниже приведен класс CSS-

Код: Выделить всё

.css1{
color: red;
}

И мне нужен селектор CSS, который может идентифицировать div - #div1 и #div2 по классу .css1, а для идентификатора div #div3 он должен применяться только к идентификатору дочернего div #div101. Например:

Код: Выделить всё

div.css1, div.css1 > div#div101{
color: red;
}

Таким образом, #div1 и #div2 будут отображаться красным цветом, а для div id#div3 только дочерний элемент div с id#div101 будет отображаться красным цветом.

Подробнее здесь: https://stackoverflow.com/questions/793 ... conditions