:enabled Seçicisi
Etkin elementleri seçmek için kullanılır.
Versiyon: CSS3
Örnek
input[type="text"]:enabled {
background: red;
display:block;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
Etiket: css
CSS3 :empty Seçicisi
:empty Seçicisi
İçi boş olan elementleri seçmek için kullanılır.
Versiyon: CSS3
Örnek
p:empty {
width:100px;
height:100px;
background: blue;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 :checked Seçicisi
:checked Seçicisi
input elementinin sadece radio ve checkbox kutularını seçili olanına stil tanımlamak için kullanılır.
Versiyon: CSS3
Örnek
input:checked {
width:100px;
height:100px;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS ::before Seçicisi
::before Seçicisi
Belirtilen elementin öncesine bir şey eklemek için kullanılır.
Versiyon: CSS2
Örnek
a::before {
content:'tıkla -'
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.1 | 7.0 |
CSS ::after Seçicisi
::after Seçicisi
Belirtilen elementin sonuna bir şeyler eklemek için kullanılır.
Versiyon: CSS2
Örnek
a::after {
content:'- tıkla'
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.1 | 7.0 |
CSS :active Seçicisi
:active Seçicisi
Aktif linkin stilini tanımlamak için kullanılır.
Versiyon: CSS1
Note: Aktif link sadece bağlantılar için kullanılır.
Örnek
a:active { color: red;}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
CSS3 [attribute*=value] Seçicisi
[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 |
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 |