Ребята как можно селектор такой записать scss вот так не работает .nav__list_item:nth-of-type(1)

Question

Ребята как можно селектор такой записать scss вот так не работает .nav__list_item:nth-of-type(1)

{
&-link {
}
}

поскольку конвертит в
.nav__list_item:nth-of-type(1)-link

приходиться полное название писать
.nav__list_item:nth-of-type(1) {
.nav__list_item-link {
}

больше вариантов нету?

#css #frontend #html #programming #russian

0

14.05.2021

18 ответов

3 просмотра

Ihor P

0

14.05.2021

Drew Naumenko Автор вопроса

Ihor P
может кому еще пригодится... .nav__list_item { ...

спасибо впервые вижу про this в css)

0

14.05.2021

Rewrite <3 Tomoe Koga

Ihor P
может кому еще пригодится... .nav__list_item { ...

<div class="parent"> <div class="child"></div> </div> .child { .parent { } } Как обратиться из чайлда к паренту?

0

26.05.2021

Санжар

Rewrite <3 Tomoe Koga
<div class="parent"> <div class="child"></div> <...

Никак

0

26.05.2021

Роман Климов

Rewrite <3 Tomoe Koga
<div class="parent"> <div class="child"></div> <...

в css это невозможно

0

26.05.2021

Anton Permyakov

Роман Климов
в css это невозможно

пока что ;)

0

26.05.2021

Ihor P

Санжар
Никак

смотря для чего )

0

26.05.2021

Санжар

Ihor P
смотря для чего )

Не важно для чего, до родителя не достучаться, пока что (с)

0

26.05.2021

Ihor P

Санжар
Не важно для чего, до родителя не достучаться, пок...

вот тебе пример. есть див, внутри кнопка. при фокусе на кнопку я могу застилить див

0

26.05.2021

Санжар

Ihor P
вот тебе пример. есть див, внутри кнопка. при фоку...

Focus-within?

0

26.05.2021

Ihor P

Санжар
Focus-within?

угу

0

26.05.2021

Rewrite <3 Tomoe Koga

Anton Permyakov
пока что ;)

Как тогда быть? Нужно если чайлд класс имеет определенный, изменять стили родителю, но с родителем взаимодействовать нет возможности

0

26.05.2021

Санжар

Rewrite <3 Tomoe Koga
Как тогда быть? Нужно если чайлд класс имеет опре...

Через жс

0

26.05.2021

Ihor P

Rewrite <3 Tomoe Koga
Как тогда быть? Нужно если чайлд класс имеет опре...

джсом довешивать класс

0

26.05.2021

Anton Permyakov

Rewrite <3 Tomoe Koga
Как тогда быть? Нужно если чайлд класс имеет опре...

опиши задачу, а не свое решение

0

26.05.2021

Rewrite <3 Tomoe Koga

Anton Permyakov
опиши задачу, а не свое решение

Это и есть задача, а не мое решение

0

26.05.2021

Санжар

Rewrite <3 Tomoe Koga
Это и есть задача, а не мое решение

const child = document.querySelector('child'); if(child.classList.contains('your-class')) { child.parentNode().classList.add('parent'); }

0

26.05.2021

Ihor P · Accepted Answer

Ihor P

может кому еще пригодится... .nav__list_item { $this: &; &:nth-of-type(1) { #{$this}-link { color: red; } } } или так .nav__list_item { &:nth-of-type(1) &-link { color: red; } }

0

14.05.2021

169 похожих чатов

Ребята как можно селектор такой записать scss вот так не работает .nav__list_item:nth-of-type(1)

18 ответов

Похожие вопросы