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:
<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>
a[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