Heim > Artikel > Web-Frontend > Was bedeutet ::before in CSS?
„::before“ bedeutet in CSS „vor …“. Es handelt sich um ein Pseudoklassenelement, das verwendet wird, um ein Pseudoelement zu erstellen und es als erstes untergeordnetes Element des ausgewählten Elements festzulegen und in das Element einzufügen. vor anderen Inhalten lautet die Syntax „element::before{style code}“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Was bedeutet ::before in CSS?
In CSS ist ::before ein Pseudoklassenelement, das das generierte Inhaltselement darstellt und das erste Unterelement des abstrahierbaren Stils des entsprechenden Elements darstellt , das heißt: Das erste untergeordnete Element des ausgewählten Elements.
Verwenden Sie ::before, um den einzufügenden Inhalt vor anderen Inhalten des Elements einzufügen und ihn standardmäßig inline anzuzeigen. ::before erfordert, dass das Inhaltsattribut den Wert des Inhalts angibt. ?? . ::before Die Schreibmethode von :before entspricht
:before ist in Css2 geschrieben, ::before ist in Css3 geschrieben
:before ist besser kompatibel als ::before, wird jedoch empfohlen zur Verwendung in der H5-Entwicklung::before ist besserIch denke, das ist etwas nutzlos, Sie können es verwenden oder nicht.
Der Unterschied zwischen Pseudoelementen und Pseudoklassen
Pseudoklassen Pseudoklassen werden verwendet, um Informationen außerhalb des DOM-Baums oder Informationen auszuwählen, die nicht durch einfache Selektoren dargestellt werden können. Ersteres umfasst die Elemente, die dem angegebenen Status entsprechen, wie z. B. :visited, :active; letzteres umfasst diejenigen Elemente im DOM-Baum, die bestimmte logische Bedingungen erfüllen, wie z. B. :first-child, :first-of-type, :target . CSS-Pseudoklassen werden verwendet, um bestimmten Selektoren Spezialeffekte hinzuzufügen.Pseudoelemente
Wählen Sie das Element aus, das aktiviert wird
::
开头。但因为历史原因,浏览器对以:
开头的伪元素也继续支持,但建议规范书写为::
:Link | Wählen Sie das nicht besuchte Element aus. | 1 |
:besucht | Wählen Sie das besuchte Element aus | :erstes KindWählen Sie, um das Element zu erfüllen, das das erste untergeordnete Element seines übergeordneten Elements ist. |
:lang | Wählt das Element mit dem angegebenen lang-Attribut aus Tastatureingabefokus | |
3 | :target | |
3 | ||
::first- Buchstabe | ||
1 | ::first-line | |
1 | ::after | |
2 | ::before | |
2 | ::selection | |
3 |
Pseudoklassen haben die gleiche Priorität wie Klassen und Pseudoelemente haben die gleiche Priorität wie Tags. Wie man die Priorität beurteilt, ist im Allgemeinen !important > Es gibt auch eine einfache Berechnungsmethode: Das Gewicht des Inline-Stylesheets beträgt 1000, das Gewicht des ID-Selektors beträgt 100, das Gewicht des Klassenselektors beträgt 10, das Gewicht des HTML-Tag-Selektors beträgt 1 und das Gewicht beträgt Eigentlich wird es nicht in Dezimalzahl berechnet. Wir können die Regeln im Selektor hinzufügen und die Gewichte vergleichen Stile werden durch die späteren ersetzt. (Teilen von Lernvideos: CSS-Video-Tutorial) |
Das obige ist der detaillierte Inhalt vonWas bedeutet ::before in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!