Kategori: CSS
Tüm css özellikleri ve anlatımları
css
csss
CSS :visited Seçicisi
:visited Seçicisi
Ziyaret edilen tüm “a” elementlerini seçer.
Versiyon: CSS1
Örnek
a:visited { color: red; }
Codepen Ön izleme
Tarayıcı Desteği
4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
CSS3 :valid Seçicisi
:valid Seçicisi
Geçerli değere sahip tüm “input” elementlerini seçer.
Versiyon: CSS3
Örnek
input:valid { background-color: red; }
Codepen Ön izleme
Tarayıcı Desteği
10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
CSS3 :target Seçicisi
:target Seçicisi
“target” niteliği taşıyan bağlantıları seçer.
Versiyon: CSS3
Örnek
:target { border: 5px solid red; background:white; }
Codepen Ön izleme
Tarayıcı Desteği
4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 ::selection Seçicisi
::selection Seçicisi
Kullanıcı tarafından seçilen elementi seçer.
Versiyon: CSS3
Örnek
::-moz-selection { /* firefox için */ color: yellow; background: blue; } ::selection { color: yellow; background: blue; }
Codepen Ön izleme
Tarayıcı Desteği
4.0 | 2.0 -moz- | 9.0 | 3.1 | 9.6 |
CSS3 :root Seçicisi
:root Seçicisi
Belgenin kök öğesini seçer.
Versiyon: CSS3
Örnek
:root { background: blue; color:white; }
Codepen Ön izleme
Tarayıcı Desteği
4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 :required Seçicisi
:required Seçicisi
required niteliğini taşıyan “input” elementlerini seçer.
Versiyon: CSS3
Örnek
input:required { display:block; margin-bottom: 10px; background-color: red; }
Codepen Ön izleme
Tarayıcı Desteği
10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
CSS3 :read-write Seçicisi
:read-write Seçicisi
Sadece yazılabilir ve okunabilir “input” elementlerini seçer.
Versiyon: CSS3
Örnek
input:-moz-read-write { /* firefox için */ background-color: red; display: block; } input:read-write { background-color: red; display: block; }
Codepen Ön izleme
Tarayıcı Desteği
Evet | -moz- | desteklenmiyor. | Evet | Evet |
CSS3 :read-only Seçicisi
:read-only Seçicisi
Belirtilen read-only elementi seçer.
Versiyon: CSS3
Örnek
input:-moz-read-only firefox için background-color: red; display:block; margin-bottom: 10px; } input:read-only { background-color: red; display:block; margin-bottom: 10px; }
Codepen Ön izleme
Tarayıcı Desteği
Evet | -moz- | desteklemiyor. | Evet | Evet |