Кто-Нибудь еще пишет нативный css nesting? Почему-то esbuild не поддерживает

Question

Кто-Нибудь еще пишет нативный css nesting? Почему-то esbuild не поддерживает

его как написано в спецификации:

warnings when minifying css:
[WARNING] Expected identifier but found "." [css-syntax-error]

<stdin>:11377:0:
11377 │ .va-sidebar__item {

ругается на это:
.va-sidebar{
.va-sidebar__item {
text-decoration: none;
}
}

а если написать так & .va-sidebar__item тогда ошибки не будет.
и еще заметил в VSCode подсветка класса тоже начинает работать вместе с &

& нужен же только там где нет . или #
хотя я уже слышал что уже придумали алгоритм парсинга css где вообще не нужен &

#programming #russian #vue.js

0

07.11.2023

5 ответов

18 просмотров

Сергей Дёмин

внимание на свежесть версий которые поддерживают без &

0

6 месяцев назад

Stanislav Lashmanov

Надеюсь что этот код только для примера и вы не пишете на самом деле так в проекте

0

6 месяцев назад

Eugen Blizzart Автор вопроса

Сергей Дёмин
внимание на свежесть версий которые поддерживают б...

это написано про селекторы, которые не являются классом или айдишником. получается уже в некоторых версиях работает это а вот классы и айдишники у меня хром уже полгода парсит без & это при билде только ошибки появились. я подумал, может там надо как-то указать target версию бразуера. или просто пока поставить ошибки в silent

0

6 месяцев назад

Eugen Blizzart Автор вопроса

Stanislav Lashmanov
Надеюсь что этот код только для примера и вы не пи...

допустим так пишу: .va-sidebar{ position:relative; .va-sidebar__item { text-decoration: none; } } для группировки стилей

0

6 месяцев назад

Сергей Дёмин · Accepted Answer

Сергей Дёмин

https://caniuse.com/css-nesting

0

6 месяцев назад

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

Кто-Нибудь еще пишет нативный css nesting? Почему-то esbuild не поддерживает

5 ответов

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