Atributo selektorius pagal tekstą

Atributo selektorius pagal tekstą taiko stilių elementui, kurio atributo reikšmė yra tam tikrą tekstą.

Pavyzdys

Raskime nuorodas, kurių atributuose yra test, ir nuspalvinkime jas žalia spalva:

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

Результат:

Taip pat žiūrėkite

  • atributo selektorius,
    kuris ieško elemento pagal atributo pavadinimą
  • atributo selektorius,
    kuris ieško elemento pagal atributo reikšmę
  • atributo selektorius,
    kuris ieško elemento pagal atributo reikšmės pradžią
  • atributo selektorius,
    kuris ieško elemento pagal atributo reikšmės pabaigą
  • atributo selektorius,
    kuris ieško elemento pagal vieną iš atributo reikšmių
  • atributo selektorius,
    kuris ieško elemento pagal brūkšnelį atributo reikšmėje
  • Dukterinis selektorius,
    kuris leidžia pasirinkti elementus pagal tiesioginį įdėjimą
  • Kontekstinis selektorius,
    kuris leidžia pasirinkti elementą pagal jo tėvinį elementą
  • Gretimasis selektorius,
    kuris leidžia pasirinkti elementą pagal jo kaimyną
  • Giminiškas selektorius,
    kuris leidžia pasirinkti elementus po nurodyto elemento
  • Universalusis selektorius,
    kuris leidžia pasirinkti visus elementus