CSS [ nitelik = değer ] Seçici
Örnek
<a> öğelerine bir target="_blank" ile stil verin:
a[target=_blank]
{
background-color: yellow;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
[ nitelik = değer ] seçicisi, belirtilen nitelik ve değere sahip öğeleri seçmek için kullanılır.
Sürüm: | CSS2 |
---|
Tarayıcı Desteği
Tablodaki sayılar, seçiciyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS Sözdizimi
[attribute = value] {
css declarations;
}
Daha fazla örnek
Örnek
Bir <input type="text"> odaklandığında, genişliği kademeli olarak 100 pikselden 250 piksele değiştirin:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
İlgili Sayfalar
CSS eğitimi: CSS Özellik Seçicileri