Selektor atributa po vezaju v vrednosti

Selektor atributa po vezaju v vrednosti uporabi slog za element, katerih vrednosti atributa so razdeljene z vezajem.

Primer

Poiščimo vse elemente, ki imajo v vrednostih, ločenih z vezajem, text in jih pobarvajmo rdeče:

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

Результат:

Glejte tudi

  • selektor atributa,
    ki išče element po imenu atributa
  • selektor atributa,
    ki išče element po vrednosti atributa
  • selektor atributa,
    ki išče element po začetku vrednosti atributa
  • selektor atributa,
    ki išče element po koncu vrednosti atributa
  • selektor atributa,
    ki išče element po besedilu v vrednosti atributa
  • selektor atributa,
    ki išče element po eni izmed vrednosti atributa
  • Podrejeni selektor,
    ki omogoča izbiro elementov po neposredni gnezditvi
  • Kontekstualni selektor,
    ki omogoča izbiro elementa po njegovem staršu
  • Sosednji selektor,
    ki omogoča izbiro elementa po njegovem sosedu
  • Sorodni selektor,
    ki omogoča izbiro elementov za danim
  • Univerzalni selektor,
    ki omogoča izbiro vseh elementov