Selector după una dintre valorile atributului
Selectorul după una dintre valorile atributului stabilește stilul pentru un element care are în atribut cel puțin una dintre valorile specificate. În acest caz, toate valorile atributului trebuie să fie separate prin spațiu.
Exemplu
Să găsim toate <p> care conțin
în una dintre valori test și să le schimbăm
culoarea în albastru:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
Vedeți și
-
selectorul atributului,
care caută elementul după numele atributului -
selectorul atributului,
care caută elementul după valoarea atributului -
selectorul atributului,
care caută elementul după începutul valorii atributului -
selectorul atributului,
care caută elementul după sfârșitul valorii atributului -
selectorul atributului,
care caută elementul după textul din valoarea atributului -
selectorul atributului,
care caută elementul după liniuța din valoarea atributului -
Selectorul copil,
care vă permite să selectați elementele după imbricarea directă -
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 de după unul dat -
Selectorul universal,
care vă permite să selectați toate elementele
