Selektor podle jedné z hodnot atributu

Selektor podle jedné z hodnot atributu nastavuje styl prvku, který má v atributu alespoň jednu z uvedených hodnot. Přitom všechny hodnoty atributu musí být odděleny mezerou.

Příklad

Pojďme najít všechny <p>, které obsahují v jedné z hodnot test, a přebarvíme je na modrou barvu:

html<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
cssp[class~="test"] {
  color: blue;
}

Результат:

Viz také

  • selektor atributu,
    který hledá prvek podle názvu atributu
  • selektor atributu,
    který hledá prvek podle hodnoty atributu
  • selektor atributu,
    který hledá prvek podle začátku hodnoty atributu
  • selektor atributu,
    který hledá prvek podle konce hodnoty atributu
  • selektor atributu,
    který hledá prvek podle textu v hodnotě atributu
  • selektor atributu,
    který hledá prvek podle pomlčky v hodnotě atributu
  • Dceřiný selektor,
    který umožňuje vybrat prvky podle přímého vnoření
  • Kontextový selektor,
    který umožňuje vybrat prvek podle jeho rodiče
  • Sousedský selektor,
    který umožňuje vybrat prvek podle jeho souseda
  • Sesterský selektor,
    který umožňuje vybrat prvky za zadaným prvkem
  • Univerzální selektor,
    který umožňuje vybrat všechny prvky