[attribute~=value]
Misol
title atributida "flower" so‘zi bo‘lgan barcha elementlarni tanlang va ularga uslub bering:
[title~="flower"] {
border: 5px solid green;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS [attribute~=value] selektori atribut qiymatida muayyan so‘z bo‘lgan elementlarni tanlash uchun ishlatiladi.
Yuqoridagi misol title="flower", title="summer flower" va title="flower new" bo‘lgan elementlarga mos keladi, lekin title="my-flower" yoki title="flowers" bo‘lganlariga mos kelmaydi.
| 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
Tegishli sahifalar
CSS darsligi: CSS atribut selektorlari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!