:: Vor {Content "} oder:: nach {Content"} ist ein sehr nützlicher virtueller Selektor, wenn Sie keine direkte Kontrolle über HTML haben (Plug-in-Element said. exe) und Attribute, die mit solchen Elementen gemeinsam sind, füttern wollen.
Verwenden Sie die folgenden Eigenschaften:: vor, und Inhalt "", um die Inhalte, die Sie einfügen möchten, zu setzen.
:: Vor und:: nach der Verwendung in echtem CSS
<div class="reply">Kommentare</div>
Wenn Sie etwas vor den Klassennamen-Antwort oben setzen wollen, können Sie dies tun, indem Sie CSS hinzufügen.
. Antwort:: vor {
Inhalt: "das ist ein"
}
Dieser Inhalt: Wenn Sie dem Element eine Eigenschaft geben wollen, dann können Sie es tun.
. Antwort:: vor {
Inhalt: "das ist";
Schriftgewicht: Fett;
Font-Style: Italic;
}
Sowohl der Text als auch der Hintergrund: URL ("Bild Adresse") nicht wiederholen; die Bild Adresse wie, Breite: 16px einfügen; Sie können auch Breite und Höhe einstellen, um Bilder zu enthalten, indem Sie die Höhe: 16px verwenden; und so weiter, oder CSS-Icons wie das awesome CSS-Icon verwenden.
. Antwort:: vor {
Inhalt: "f044";
Schriftart: normal normal normal 16px/1 fontawesome;
Marge-rechts: 5px;
}
(Beachten Sie, dass CSS-Emoticons vor den Kommentaren im Beispiel tatsächlich im Gkkmon-Site-Kommentar Fenster verwendet werden.)
:: Vor und:: nach Bewerbungen
Sie können diese Funktion nutzen, um Ihre Website oder Ihren Blog auf verschiedene Weise zu personalisieren. Sie können ein Icon vor bestimmte Elemente einfügen, wie das von Gkkmon verwendete.<li></li>Sie können auch die gleiche Liste erstellen.
Das beste daran ist, dass Sie Teile der Plug-ins ändern können, die Sie nicht kennen, oder welche HTML-Elemente Sie nicht ändern wollten (Gkkmon), die Sie auf der Website verwenden (der Hund Honey-Mon) ist ein Plugin für WordPress Jetpack (Jet Pack).
Nachdem Sie dies angewendet haben und den Namen der Klasse herausgefunden haben, wie zum Beispiel die Rechtsklick → Element-Inspektion, um die Website Ihrer eigenen zu ersetzen, lassen Sie uns Sie an Ihren Geschmack anpassen.