Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie Pseudoelemente in CSS

云罗郡主
Freigeben: 2018-12-01 11:42:38
Original
3759 Leute haben es durchsucht

Was sind CSS-Pseudoelemente? Wofür werden CSS-Pseudoelemente verwendet? Ich glaube, viele Leute haben von CSS-Pseudoelementen gehört, wissen aber nicht, was sie tun. Sprechen wir darüber, wie man Pseudoelemente in CSS verwendet.

So verwenden Sie Pseudoelemente in CSS

Was sind CSS-Pseudoelemente?

Pseudoelemente in CSS dienen dazu, dem Text eines bestimmten Selektors einige spezielle Stile hinzuzufügen, aber sie unterscheiden sich nicht wesentlich von anderen Elementen und existieren nicht Im Dokument lautet der Code beispielsweise wie folgt:

p:first-line
{ 
background-color:yellow;
}
Nach dem Login kopieren

Der Effekt ist wie folgt:

So verwenden Sie Pseudoelemente in CSS

Was sind die CSS-Pseudoelemente?

Es gibt viele CSS-Pseudoelemente, einschließlich First-Line, Before usw.

So verwenden Sie Pseudoelemente in CSS

Warum brauchen wir Pseudoelemente?

Pseudoelemente sind Abstraktionen außerhalb des angegebenen Dokuments. Wenn das Dokumentdesign beispielsweise nicht auf das erste Wort und die erste Zeile des Elements zugreifen kann, werden Pseudoelemente verwendet, um darauf zu verweisen auf Inhalte, die nicht existieren.

Wie verwende ich Pseudoelemente in CSS?

Das CSS-Pseudoelement verwendet zwei Doppelpunkte, um es von anderen Pseudoklassen zu unterscheiden.

hey::before{
    }
hey::after{
}
Nach dem Login kopieren

Das Obige ist eine vollständige Einführung in die Verwendung von Pseudoelementen in CSS. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonSo verwenden Sie Pseudoelemente in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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