Selector op één van de attribuutwaarden
De selector op één van de attribuutwaarden wijst stijl toe aan een element waarvan in het attribuut ten minste één van de opgegeven waarden voorkomt. Hierbij moeten alle waarden van het attribuut gescheiden zijn door spaties.
Voorbeeld
Laten we alle <p> vinden die
in één van de waarden test bevatten,
en ze een blauwe kleur geven:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
Zie ook
-
de attribuut selector,
die een element zoekt op attribuutnaam -
de attribuut selector,
die een element zoekt op attribuutwaarde -
de attribuut selector,
die een element zoekt op het begin van de attribuutwaarde -
de attribuut selector,
die een element zoekt op het einde van de attribuutwaarde -
de attribuut selector,
die een element zoekt op tekst in de attribuutwaarde -
de attribuut selector,
die een element zoekt op een koppelteken in de attribuutwaarde -
De child selector,
die elementen selecteert op directe genestheid -
De descendant selector,
die een element selecteert op basis van zijn ouder -
De adjacent sibling selector,
die een element selecteert op basis van zijn buurelement -
De general sibling selector,
die elementen na het opgegeven element selecteert -
De universele selector,
die alle elementen selecteert