Atribuudi väärtuse defiseeritud valija

Atribuudi väärtuse defiseeritud valija rakendab stiili elemendile, mille atribuudi väärtused on eraldatuud sidekriipsuga.

Näide

Leiame kõik elemendid, millel väärtustes, eraldatud sidekriipsuga, on text ja värvime need punaseks:

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

Результат:

Vaata ka

  • atribuudi valija,
    mis otsib elementi atribuudi nime järgi
  • atribuudi valija,
    mis otsib elementi atribuudi väärtuse järgi
  • atribuudi valija,
    mis otsib elementi atribuudi väärtuse alguse järgi
  • atribuudi valija,
    mis otsib elementi atribuudi väärtuse lõpu järgi
  • atribuudi valija,
    mis otsib elementi teksti järgi atribuudi väärtuses
  • atribuudi valija,
    mis otsib elementi ühe atribuudi väärtuse järgi
  • Tütarelementide valija,
    mis võimaldab valida elemente otsese pesastuse järgi
  • Kontekstivalija,
    mis võimaldab valida elementi selle vanema järgi
  • Kõrvaloleva valija,
    mis võimaldab valida elementi selle naabri järgi
  • Suguluselementide valija,
    mis võimaldab valida elemendid pärast määratud elementi
  • Universaalne valija,
    mis võimaldab valida kõik elemendid