CSS an Attribute binden
Mit attribute-Typen kann man Elemente abhängig von ihren Inhalten ansprechen
a[href="https://css-tricks.com"] {
color: #E18728;
}
Es gibt verschiedene Typen:
[data-value] { /* Attribute exists */ }
[data-value="foo"] { /* Attribute has this exact value */ }
[data-value*="foo"] { /* Attribute value contains this value somewhere in it */ }
[data-value~="foo"] { /* Attribute has this value in a space-separated list somewhere */ }
[data-value^="foo"] { /* Attribute value starts with this */ }
[data-value|="foo"] { /* Attribute value starts with this in a dash-separated list */ }
[data-value$="foo"] { /* Attribute value ends with this */ }