Selector de atribut după cratimă în valoare

Selectorul de atribut după cratimă în valoare aplică un stil elementului, ale cărui valori ale atributului sunt separate prin cratimă.

Exemplu

Să găsim toate elementele care au în valori, separate prin cratimă, text și să le colorăm în roșu:

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

Результат:

Vezi și

  • selectorul de atribut,
    care caută elementul după numele atributului
  • selectorul de atribut,
    care caută elementul după valoarea atributului
  • selectorul de atribut,
    care caută elementul după începutul valorii atributului
  • selectorul de atribut,
    care caută elementul după sfârșitul valorii atributului
  • selectorul de atribut,
    care caută elementul după textul din valoarea atributului
  • selectorul de atribut,
    care caută elementul după una dintre valorile atributului
  • Selectorul copil,
    care vă permite să selectați elementele după imbricarea imediată
  • Selectorul contextual,
    care vă permite să selectați un element după părintele său
  • Selectorul adiacent,
    care vă permite să selectați un element după vecinul său
  • Selectorul de frați general,
    care vă permite să selectați elementele după un element specificat
  • Selectorul universal,
    care vă permite să selectați toate elementele