Eşleştirilen elemente bir veya birden fazla css özelliği kazandırabilir veya değiştirebilirsiniz. Örnek kullanım .css({“background-color”: “yellow”, “font-weight”: “bolder”}); şeklinde birden çok css değerini ekleyebilirsiniz.
$("a").click(function(){
$("span").css("font-size","30px");
});
.css( propertyName )
.css( propertyNames )
Ziyaret edilen tüm “a” elementlerini seçer.
Versiyon: CSS1
a:visited {
color: red;
}
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
Geçerli değere sahip tüm “input” elementlerini seçer.
Versiyon: CSS3
input:valid {
background-color: red;
}
| 10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
“target” niteliği taşıyan bağlantıları seçer.
Versiyon: CSS3
:target {
border: 5px solid red;
background:white;
}
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
Kullanıcı tarafından seçilen elementi seçer.
Versiyon: CSS3
::-moz-selection { /* firefox için */
color: yellow;
background: blue;
}
::selection {
color: yellow;
background: blue;
}
| 4.0 | 2.0 -moz- | 9.0 | 3.1 | 9.6 |
Belgenin kök öğesini seçer.
Versiyon: CSS3
:root {
background: blue;
color:white;
}
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
required niteliğini taşıyan “input” elementlerini seçer.
Versiyon: CSS3
input:required {
display:block;
margin-bottom: 10px;
background-color: red;
}
| 10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
Sadece yazılabilir ve okunabilir “input” elementlerini seçer.
Versiyon: CSS3
input:-moz-read-write { /* firefox için */
background-color: red;
display: block;
}
input:read-write {
background-color: red;
display: block;
}
| Evet | -moz- | desteklenmiyor. | Evet | Evet |
Belirtilen read-only elementi seçer.
Versiyon: CSS3
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;
}
| Evet | -moz- | desteklemiyor. | Evet | Evet |
Belirlenen aralığın dışında kalan “input” elementlerini seçer.
Versiyon: CSS3
input:out-of-range {
background:red;
color:white;
}
| 10.0 | 28.0 | desteklenmiyor | 5.2 | 11.0 |