CSS - Verwendung von Datenattributen (data-*)
CSS-Eigenschaften festlegen, wenn der Wert des Datenattributs einem bestimmten Wert (Beispiel: data-point="30"
) entspricht.
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
<style>
div.container::before {
content: attr(data-point);
}
div.container[data-point="30"]::before {
color: red;
}
</style>
<div class="container" data-point="10">Lorem Ipsum</div>
<div class="container" data-point="20">Lorem Ipsum</div>
<div class="container" data-point="30">Lorem Ipsum</div>
<div class="container" data-point="40">Lorem Ipsum</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<param> Parameter
CSS - Position Sticky in einer HTML Tabelle
PHP - Suchbegriffe hervorheben
JavaScript - Ein Array von Zahlen mit dem Bubblesort-Algorithmus sortieren