Selektor atributu podle pomlčky v hodnotě

Selektor atributu podle pomlčky v hodnotě aplikuje styl na prvek, jehož hodnoty atributu jsou odděleny pomlčkou.

Příklad

Pojďme najít všechny prvky, které mají v hodnotách oddělených pomlčkou text a přebarvit je na červenou:

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;
}

Результат:

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 jedné z 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
  • Univerzální selektor,
    který umožňuje vybrat všechny prvky