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:

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>
cssa[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