Selector de atribut după text
Selectorul de atribut după text aplică un stil unui element al cărui valoare a atributului tag-ului conține un anumit text.
Exemplu
Să găsim linkurile care conțin în atribute
test și să le colorăm
în verde:
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
Vezi și
-
selectorul de atribut,
care caută un element după numele atributului -
selectorul de atribut,
care caută un element după valoarea atributului -
selectorul de atribut,
care caută un element după începutul valorii atributului -
selectorul de atribut,
care caută un element după sfârșitul valorii atributului -
selectorul de atribut,
care caută un element după una dintre valorile atributului -
selectorul de atribut,
care caută un element 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 după cel dat -
Selectorul universal,
care vă permite să selectați toate elementele