Селектор па значэнні атрiбута
Селектор па значэнні атрiбута дазваляе выбраць элементы па наяўнасці ў іх пэўнага атрiбута ці яго значэння і ўжыць да іх патрэбны стыль.
Прыклад
Давайце звернемся да тэга input,
у якога значэнне атрiбута type
роўнае text, і зададзім яму блакітны колер
фона:
<p>
<label>Увядзіце тэкст</label>
<input type="text">
</p>
<p>
<label>Увядзіце лік</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Глядзіце таксама
-
селектар атрiбута,
які шукае элемент па імі атрiбута -
селектар атрiбута,
які шукае элемент па пачатку значэння атрiбута -
селектар атрiбута,
які шукае элемент па канцы значэння атрiбута -
селектар атрiбута,
які шукае элемент па тэксце ў значэнні атрiбута -
селектар атрiбута,
які шукае элемент па адным з значэнняў атрiбута -
селектар атрiбута,
які шукае элемент па злучку ў значэнні атрiбута -
Даччыны селектар,
які дазваляе выбраць элементы па непасрэднай укладзенасці -
Кантэкстны селектар,
які дазваляе выбраць элемент па яго бацьку -
Суседні селектар,
які дазваляе выбраць элемент па яго суседу -
Сваяцкі селектар,
які дазваляе выбраць элементы пасля зададзенага -
Універсальны селектар,
які дазваляе выбраць усе элементы
