Właśnie odkryłem Sass i byłem tym bardzo podekscytowany.
W mojej witrynie internetowej implementuję drzewiaste menu nawigacyjne, stylizowane za pomocą kombinatora potomnego ( E > F
).
Czy istnieje sposób na przepisanie tego kodu z prostszą (lub lepszą) składnią w Sassie?
#foo > ul > li > ul > li > a {
color: red;
}
css
css-selectors
sass
frarees
źródło
źródło
Odpowiedzi:
Bez połączonego selektora podrzędnego prawdopodobnie zrobiłbyś coś podobnego:
Jeśli chcesz odtworzyć tę samą składnię z
>
, możesz to zrobić:To kompiluje się do tego:
Lub sass:
źródło
W przypadku tej jednej reguły, którą masz, nie ma krótszego sposobu, aby to zrobić. Kombinator podrzędny jest taki sam w CSS, jak iw Sass / SCSS i nie ma dla niego alternatywy.
Jeśli jednak masz wiele takich reguł:
Możesz je skondensować do jednego z poniższych:
źródło