Selector după sfârșitul valorii atributului

Selectorul după sfârșitul valorii atributului aplică un stil unui element, la care valoarea atributului tag-ului se termină cu un anumit text.

Exemplu

Să ne referim la tag-ul a, la care valoarea atributului href se termină cu .html și să-l colorăm în roșu:

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

Результат:

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ă textul în valoarea atributului
  • selectorul atributului,
    care caută elementul după una din valorile atributului
  • selectorul atributului,
    care caută elementul după liniuță în valoarea atributului
  • Selectorul copil,
    care permite selectarea elementelor după imbricarea imediată
  • Selectorul contextual,
    care permite selectarea elementului după părintele său
  • Selectorul adiacent,
    care permite selectarea elementului după vecinul său
  • Selectorul de frați,
    care permite selectarea elementelor după cel dat
  • Selectorul universal,
    care permite selectarea tuturor elementelor