CSS -Pseudo -Elemente sind sehr nützlich - Sie können es verwenden, um CSS -Dreiecke zu erstellen, sie in der Eingabeaufforderung zu verwenden, und Sie können sie auch verwenden, um viele einfache Aufgaben ohne unnötige HTML -Elemente zu erledigen. In der Vergangenheit waren die CSS-Attribute von Pseudoelementen in JavaScript nicht verfügbar, aber jetzt gibt es eine neue JavaScript-Methode, um darauf zuzugreifen! Angenommen, Ihr CSS -Code sieht so aus:
Die Codekopie lautet wie folgt:
.Element: vor {
Inhalt: 'neu';
Farbe: RGB (255, 0, 0);
}
Um das Style -Attribut in .ELEMENT zu erhalten: Vorher können Sie den folgenden JavaScript -Code verwenden:
Die Codekopie lautet wie folgt:
var color = window.getComputedStyle (
Document.querySelector ('. Element'), ': vor'
) .GetPropertyValue ('Farbe')
Verwenden Sie die Pseudoelement als zweiter Parameter des Fensters. Setzen Sie diese Technik in Ihre Wissensbasis ein, und während sich der Browser entwickelt, werden Pseudoelemente immer nützlicher!