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 (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<style> CSS

CSS - Kalender Symbol neben dem Datepicker

PHP - Lange Links automatisch kürzen

JavaScript - Zeit-Differenz ermitteln

MySQL - Datensatz Wert um 10% veringern