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

Рейтинг: 0Ответов: 2Опубликовано: 16.01.2023

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

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

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

css html layout
Источник: Stack Overflow на русском

Ответы

▲ 0

.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>

▲ 0

HTML:

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

СSS:

.main > *{
  position: static;
}

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