Heim > Web-Frontend > CSS-Tutorial > Welche Funktionen haben die Pseudoelemente „::after' und „::before'?

Welche Funktionen haben die Pseudoelemente „::after' und „::before'?

王林
Freigeben: 2020-07-11 17:17:36
nach vorne
4134 Leute haben es durchsucht

Welche Funktionen haben die Pseudoelemente „::after' und „::before'?

:before und :after sind zwei neue Pseudoelemente, die in CSS2.1 erschienen sind.

(Empfohlenes Tutorial: CSS Quick Start)

Zuerst verwendete das Präfix von Pseudoelementen die Syntax mit einem Doppelpunkt, aber mit der Entwicklung des Webs wurde in der CSS3-Spezifikation Hier stellt ein einzelner Doppelpunkt eine Pseudoklasse dar, und die Syntax eines Pseudoelements wird so geändert, dass ein Doppelpunkt verwendet wird, der zu ::before ::after wird. Pseudoelemente existieren nicht im Dom, sondern nur auf der Seite.

Funktion:

::after wird verwendet, um ein Pseudoelement als letztes untergeordnetes Element des ausgewählten Elements zu erstellen. Normalerweise wird das Inhaltsattribut verwendet, um dem Element dekorativen Inhalt hinzuzufügen. Dieses virtuelle Element ist standardmäßig ein Inline-Element.

::before erstellt ein Pseudoelement, das das erste untergeordnete Element des passenden ausgewählten Elements sein wird.

Das obige ist der detaillierte Inhalt vonWelche Funktionen haben die Pseudoelemente „::after' und „::before'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage