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 {
 
contentattr(data-point);
}

div.container[data-point="30"]::before {
 
colorred;
}
</
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 Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Button Glas-Effekte

PHP - HTML-Mails mit dem PHPMailer versenden

JavaScript - Ausgabe zeitlich steuern

MySQL - Eintrag in der Tabelle löschen