Ich wollte eine vertikale Zeitleiste erstellen und bin auf diese Seite gestoßen.
Ich habe den Code kopiert und es gibt einige Dinge, mit denen ich Probleme habe.
Ich habe versucht, es in diesen Stylesheet-Code zu ändern, bin aber hier steckengeblieben. Auch der CSS-Code unterscheidet sich von dem, was eine traditionelle CSS-Datei enthält. Was ist dieser Code und wie benutze ich ihn?
&::after ist eigentlich nichts in CSS, aber es ist eine Eigenschaft von SASS / SCSS und wird wahrscheinlich in einem Kontext wie diesem geschrieben:
Was kompiliert zu:
%Vor%Im Wesentlichen zieht das Und-Zeichen in SASS den Elternselektor ein, wenn er nach CSS kompiliert wird.
BEARBEITEN
Sie können das kaufmännische Und nicht in einer .css -Datei verwenden, da es keine Bedeutung hat. Sie können es nur in sass / scss-Dateien verwenden, die mit einem SASS-Preprozessor zu CSS kompiliert werden.
Blogpost (nicht meins) über kaufmännisches Und in SASS:
EDIT 2 Weitere Antworten:
Alles andere ist Vanille CSS, ::after , ::before sind Pseudoelemente , .relative und .radio sind Klassenselektoren , :checked ist eine Pseudoklasse für die Eingabearten radio und checkbox, und + ist eine Selektor für benachbarte Geschwister
MDN sollte (eine) Ihrer Behörde für CSS-Dokumentation sein, also habe ich mich dafür entschieden, auf ihre Seiten zu verlinken, anstatt einfach den Inhalt ihrer Dokumente in diese Antwort zu kopieren und einzufügen.