[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: seçici
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=value] Seçicisi
[attribute=value] Seçicisi
Belirtilen öznitelik ve değere göre element seçer.
Versiyon:CSS2
Örnek
a[target=_blank] {
display: block;
font-size:30px;
color:red;
}
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 |
CSS3 element1~element2 Seçicisi
element1 ~ element2 Seçicisi
Element1 den sonra tekrar eden tüm element2 lere özellik atamak için kullanılır.
Versiyon:CSS3
Örnek
p ~ span {
background: red;
display:block;
}
Codepen Ön izleme
Tarayıcı Desteği
| EVET | EVET | 7.0 | EVET | EVET |
CSS element+element Seçicisi
CSS element+element Seçicisi
Elementten sonra gelen ilk elemente özellik atamak için kullanılır.
Versiyon:CSS2
Örnek
div + span {
color:red;
}
Codepen Ön izleme
Tarayıcı Desteği
| EVET | EVET | 7.0 | EVET | EVET |
CSS element element Seçicisi
element element Seçicisi
Element içindeki başka bir elemente özellik atamak için kullanılır.
VERSİYON: CSS1
Örnek
div span {
color: blue;
}
Codepen Ön izleme
Tarayıcı Desteği
| EVET | EVET | EVET | EVET | EVET |
CSS element,element Seçicisi
element,element Seçicisi
Aynı özelliği birden fazla elemente vermek için kullanılır.
VERSİYON: CSS1
Örnek
span,p{
color:red;
}
Codepen Ön izleme
Tarayıcı Desteği
| EVET | EVET | EVET | EVET | EVET |