Как получить всех потомков брата?

Question

[Василий Куролесов]

Добрый день.
Подскажите, можно ли с помощью комбинаторов CSS задать стили для всех потомков элемента, следующего за текущим?
Например, есть такой код

<div>div1</div>
<div>div2
    <div>div21</div>
    <div>div22</div>
    <div>div23</div>
</div>

Как задать правило используя комбинатор с div1, чтобы свойства применились к div21, div22 и div23?

Answer 1

[Rsa97]

В CSS нет понятия "текущий элемент". Всё указывается только с помощью селекторов.

<div id='main'>div1</div>
<div>div2
    <div>div21</div>
    <div>div22</div>
    <div>div23</div>
</div>

#main + div > div { ... }

Answer 2

[Александр Миранович]

или так правильнее

<div id='main'>div1</div>
<div>div2
    <div>div21</div>
    <div><span>div22</span></div>
    <i>div23</i>
</div>


#main + div  * { ... }

Comments

[Rsa97]

Может и так. Зависит от того, надо ли получить только непосредственных или всех потомков.

[Александр Миранович]

Rsa97, Вопрос звучал как получить всех потомков. Поэтому и поправил. Человек, скорее всего, мало знаком с css и наследием. Поэтому и поправил.

Answer 3

[Ankhena]

div + div > div { 
ваши стили
}

Но в такую конструкцию попадут и другие подобные ситуации. Например, если у внутренних div'ов тоже будут дети.

Так что правильнее задать первому блоку класс (не id)