[attribute*=value] Seçicisi
Belirtilen değeri taşıyan tüm elementleri seçer.
Versiyon: CSS3
Örnek
span[class*="w3tr"] {
display:block;
font-size: 40px;
color: blue;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 7.0 | 3.2 | 9.6 |
Etiket: css attribute selector
CSS3 [attribute$=value] Seçicisi
[attribute$=value] Seçicisi
Belirtilen değerle biten tüm elementleri seçer.
Versiyon: CSS3
Örnek
span[class$="w3tr"] {
display:block;
font-size:30px;
color:red;
}
Codepen Ön izleme
w3tr
See the Pen [attribute$=value] Seçici by W3TR (@w3tr) on CodePen.
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
CSS3 [attribute^=value] Seçicisi
[attribute^=value] Seçicisi
Sadece belirtilen öznitelik değeri ile belirtilen değere ait elementi seçmek için kullanılır.
Versiyon: CSS3
Örnek
div[class^=w3tr]{
background: red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
CSS [attribute|=value] Seçicisi
[attribute|=value] Seçicisi
Belirtilen değerden başlayarak belirtilen niteliği taşıyan elementlerin tamamını seçer.
Versiyon: CSS2
Örnek
span[lang|=en] {
display: block;
color: red;
font-size: 40px;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
CSS [attribute~=value] Seçicisi
[attribute~=value] Seçicisi
Belirli bir kelimeyi içeren elementleri seçmek için kullanılır.
Versiyon:CSS2
Örnek
span[title~=w3tr]{
display:block;
font-size: 30px;
color: blue;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
CSS [attribute] Seçicisi
[attribute] Seçicisi
Öznitelikleri ile elementleri seçmek için kullanılır.
Versiyon:CSS2
Örnek
a[target] {
background: blue;
color: white;
font-size: 20px;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |