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

Question

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

"& >div": {
       "& >div": {
            "& >div": {
                "& >div": {
                    "& >div": {
                        "& >div": {
                            color: red
                        }
                    }
                }
            }
        }
    },

Answer 1

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

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

Answer 2

Раз метки только на 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>

БЛОГ НА HUSL

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

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