Kenmerkselector voor afbreekstreepje in waarde

De kenmerkselector voor een afbreekstreepje in de waarde past stijl toe op een element waarvan de kenmerkwaarden zijn gescheiden door een afbreekstreepje.

Voorbeeld

Laten we alle elementen vinden waarbij in de waarden, gescheiden door een afbreekstreepje, text voorkomt en ze rood kleuren:

html<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>

cssp[class|="text"] {
  color: red;
}

Результат:

Zie ook

de kenmerkselector,
die een element zoekt op kenmerknaam
de kenmerkselector,
die een element zoekt op kenmerkwaarde
de kenmerkselector,
die een element zoekt op het begin van de kenmerkwaarde
de kenmerkselector,
die een element zoekt op het einde van de kenmerkwaarde
de kenmerkselector,
die een element zoekt op tekst in de kenmerkwaarde
de kenmerkselector,
die een element zoekt op een van de kenmerkwaarden
de Kindselector,
die elementen selecteert op directe afstamming
de Contextuele selector,
die een element selecteert op basis van zijn ouder
de Aangrenzende siblingselector,
die een element selecteert op basis van zijn directe voorganger
de Algemene siblingselector,
die elementen na een opgegeven element selecteert
de Universele selector,
die alle elementen selecteert