Ich habe gerade Sass entdeckt und war so aufgeregt darüber.
Auf meiner Website implementiere ich ein baumartiges Navigationsmenü, das mit dem untergeordneten Kombinator ( E > F
) erstellt wurde.
Gibt es eine Möglichkeit, diesen Code mit einer einfacheren (oder besseren) Syntax in Sass neu zu schreiben ?
#foo > ul > li > ul > li > a {
color: red;
}
css
css-selectors
sass
Frarees
quelle
quelle
Antworten:
Ohne die kombinierte Kinderauswahl würden Sie wahrscheinlich etwas Ähnliches tun:
Wenn Sie dieselbe Syntax mit reproduzieren möchten
>
, können Sie Folgendes tun:Dies kompiliert dazu:
Oder in sass:
quelle
Für diese einzelne Regel gibt es keinen kürzeren Weg. Der untergeordnete Kombinator ist in CSS und in Sass / SCSS identisch, und es gibt keine Alternative dazu.
Wenn Sie jedoch mehrere Regeln wie diese hatten:
Sie können sie zu einer der folgenden Optionen verdichten:
quelle