Selector după valoarea atributului
Selectorul după valoarea atributului vă permite să selectați elementele după prezența unui anumit atribut sau a valorii acestuia și să aplicați stilul necesar acestora.
Exemplu
Să ne referim la tag-ul input,
ale cărui valoare a atributului type
este text, și să-i setăm culoarea de fundal
albastru deschis:
<p>
<label>Introdu text</label>
<input type="text">
</p>
<p>
<label>Introdu numărul</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Vedeți și
-
selectorul atributului,
care caută elementul după numele atributului -
selectorul atributului,
care caută elementul după începutul valorii atributului -
selectorul atributului,
care caută elementul după sfârșitul valorii atributului -
selectorul atributului,
care caută elementul după textul din valoarea atributului -
selectorul atributului,
care caută elementul după una dintre valorile atributului -
selectorul atributului,
care caută elementul după liniuță în 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 specificat -
Selectorul universal,
care vă permite să selectați toate elementele
