it-roy-ru.com

Как выбрать всех детей в css?

Допустим, у меня есть обертка для какого-то большого элемента пользовательского интерфейса с class="wrapper".

HTML будет выглядеть так:

<div class="wrapper">
   / a lot of other elements
</div>

Теперь мне нужно выбрать каждый из элементов, и я иду так:

.wrapper > .first_element_class{}
.wrapper > .second_element_class{}
...

Есть ли способ выделить все обертки детей одной строкой? Что-то вроде этого:

.wrapper{
   .first_class{}
   ...
}
3
Kārlis Janisels

вы можете использовать универсальный селектор*, если вы не знаете, какой элемент/класс у вас будет

Что-то вроде этого:

.wrapper>* {
  color: red
}
<div class="wrapper">
  <div class="test">this is red</div>
  <span>this is red</span>
  <section>this is red</section>
</div>

7
dippas

Вы можете использовать пробелы, чтобы соответствовать всем потомкам элемента.

.wrapper * {
  color: black;
}

https://www.w3.org/TR/CSS21/selector.html#descendant-selectors

0
Seth