Atributo reikšmės pabaigos selektorius

Atributo reikšmės pabaigos selektorius taiko stilių elementui, kurio atributo reikšmė baigiasi tam tikru tekstu.

Pavyzdys

Pažiūrėkime į a tag'ą, kurio atributo href reikšmė baigiasi .html ir pakeiskime jo spalvą į raudoną:

html<a href="file.html">nuoroda1</a>
<a href="">nuoroda2</a>
cssa[href$=".html"] {
  color: red;
}

Результат:

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 tekstą atributo reikšmėje
  • 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