CSS фокус-внутри для прямого ребенка - PullRequest
Новая
       59

CSS фокус-внутри для прямого ребенка

0 голосов
/ 19 апреля 2020

Есть ли способ, которым я могу ограничить эффект focus-inside прямым потомком или даже n-м потомком элемента?

Что я хочу сделать, это применить стиль, в котором фокусируется n-й потомок элемента, а не какой-либо потомок, такой же, как фокусировка внутри, но ограничивается только указанным уровнем расстояния в дереве DOM.

Примерно так приятно: 

.element:focus-within(1) {
    outline: solid #1A4 1px;
}

или 

.element:focus-within(4) {
    outline: solid #1A4 1px;
}

, чтобы применять стиль только в том случае, если фокус сделан на потомке уровня 4: 

--0 (element)
 --1
   --2
     --3
       --4 (focus)
     --3
       --4 (focus)
   --2
     --3
       --4 (focus)
     --3
   --2
  ...

будет применять стиль к элемент

...