Как обратиться к 6 вложенному div?

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

Как обратиться к 6 вложенному div?

Вот как получилось у меня, есть ли лаконичный способ?

"& >div": {
       "& >div": {
            "& >div": {
                "& >div": {
                    "& >div": {
                        "& >div": {
                            color: red
                        }
                    }
                }
            }
        }
    },
css html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Раз метки только на html|CSS то предположу что именно в этих языках нужна выборка. Можна так

div{
  color:#00f;
}

div > div > div > div > div > div{
 color: #f00;
}
<div>
  <div>Сундук
    <div>Заяц
      <div>Утка
        <div>Игла
          <div>Смерть Кощея</div>
        </div>
      </div>
    </div>
  </div>
</div>

▲ 1

Нууу, может попробовать по:

  • Индексу
  • Свойство/Аттрибуту
  • Классу
  • Использовать селекторы JS/jQuery
  • Обратиться к элементу внутри 6-го, а потом через селектор обратиться к "родителю", т.е., к 6-му div'н