Heim  >  Artikel  >  Web-Frontend  >  Welche Funktionen haben die Pseudoelemente „::after“ und „::before“?

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

王林
王林nach vorne
2020-07-11 17:17:364087Durchsuche

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen