Я только что открыл для себя Sass и был так взволнован.
На своем веб-сайте я реализовал древовидное меню навигации, оформленное с помощью дочернего комбинатора ( E > F
).
Есть ли способ переписать этот код с помощью более простого (или лучшего) синтаксиса в Sass?
#foo > ul > li > ul > li > a {
color: red;
}
css
css-selectors
sass
frarees
источник
источник
Ответы:
Без комбинированного дочернего селектора вы, вероятно, сделали бы что-то подобное:
Если вы хотите воспроизвести тот же синтаксис с
>
, вы можете сделать это:Это компилируется в это:
Или в sass:
источник
Для этого единственного правила нет более короткого способа сделать это. Дочерний комбинатор одинаков в CSS и в Sass / SCSS, и ему нет альтернативы.
Однако, если у вас было несколько таких правил:
Вы можете сжать их до одного из следующих:
источник