Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.
$("p[title*='w3tr']").css("background-color", "red");
[attribute*=‘value’]
Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.
İpucu: Dize boşluk içerebilir.
$("p[title~='w3tr']").css("background-color", "red");
[attribute~=’value’]
Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.
$("p[title^='w3tr']").css("background-color", "red");
[attribute^=‘value’]
Belirli bir bir dize veya başlangıç değerine sahip, belirli bir niteliği sahip elementleri seçmek için kullanılır.
İpucu: Bu seçici genellikle dil özelliklerini işlemek için kullanılır.
$("p[title|='w3tr']").css("background-color", "red");
[attribute|=‘value’]
Belirli bir dize ile biten bir değere sahip ve belirli bir niteliğe sahip her elementi seçmek için kullanılır.
$("a[href$='.com']").css("background-color", "red");
“[attribute$=’value’]
Belirtilen nitelik ve değere sahip olmayan her elementi seçmek için kullanılır.
$("p[id!='w3tr']").css("background-color", "red");
[attribute!=’value’];
Belirtilen öznitelik ve değere sahip her elementi seçmek için kullanılır.
$("[class=w3tr]").css("background-color", "red");
[attribute=value];
Belirtilen değeri taşıyan tüm elementleri seçer.
Versiyon: CSS3
span[class*="w3tr"] {
display:block;
font-size: 40px;
color: blue;
}
| 4.0 | 3.5 | 7.0 | 3.2 | 9.6 |
Belirtilen değerle biten tüm elementleri seçer.
Versiyon: CSS3
span[class$="w3tr"] {
display:block;
font-size:30px;
color:red;
}
w3tr
See the Pen [attribute$=value] Seçici by W3TR (@w3tr) on CodePen.
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
Sadece belirtilen öznitelik değeri ile belirtilen değere ait elementi seçmek için kullanılır.
Versiyon: CSS3
div[class^=w3tr]{
background: red;
}
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |