Как задать position: static для всех элементов внутри

Question

Нужно задать для всех классов внутри div class = 'main' значение position: static, но не нам сам div

<div class = 'main'>
<section class = '1'></section>
<section class = '2'></section>
<section class = '3'></section>
</div>

Не совсем понимаю, применит ли он position на себя или на элементы внутри, или есть способ сделать группу классов. Заранее спасибо

Answer 1

.main .main__section {
  position: static;
}

/* Применил ко всем section внутри main */

<div class='main'>
  <section class='main__section'></section>
  <section class='main__section'></section>
  <section class='main__section'></section>
</div>

Answer 2

HTML:

 <div class='main'>
    <section class='1'></section>
    <section class='2'></section>
    <section class='3'></section>
 </div>

СSS:

.main > *{
  position: static;
}

Селектор * выбирает все элементы. > говорит о строгой вложенности (вложенности первого уровня). Тем самым мы говорим, что всё, что вложено на первом уровне, будет position: static

БЛОГ НА HUSL

Как задать position: static для всех элементов внутри

Ответы (2 шт):