[attribute=value]
Misol
target="_blank" bo‘lgan barcha <a> elementlarini tanlang va ularga uslub bering. Shuningdek, lang="it" bo‘lgan barcha <p> elementlarini ham tanlang va ularga uslub bering:
a[target="_blank"] {
background-color: yellow;
}
p[lang="it"] {
background-color: salmon;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS [attribute=value] selektori ko‘rsatilgan atribut va aynan ko‘rsatilgan qiymatga ega elementlarni tanlash uchun ishlatiladi.
| Versiya: | CSS2 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar selektorni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Selektor | |||||
|---|---|---|---|---|---|
| [attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS sintaksisi
Ko‘proq misollar
Misol
<input type="text"> elementining kengligini 100px qilib o‘rnating. Biroq u fokus olganda, kengligini 250px qiling:
input[type="text"] {
width: 100px;
}
input[type="text"]:focus {
width: 250px;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS atribut selektorlari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!