Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
: Etkin seçici seçmek ve aktif linki stil kullanılır.
Eğer bunun üzerine tıkladığınızda bir bağlantı aktif hale gelir.
İpucu: Etkin seçici değil, tüm öğeler yalnızca linklere kullanılabilir.
Tip: kullan linki: ziyaret edilmemiş sayfalara tarzı bağlantıları seçici, : ziyaret edilen ziyaret edilen sayfalara tarzı bağlantıları seçici ve : hover tarzı bağlantıları seçici fare ile gelindiğinde üzerlerine.
Note: : vurgulu: Aktif sonra gelmelidir (if present) etkili olabilmek için CSS tanımında!
Versiyon: | BB1 |
---|
Tarayıcı Desteği
Tablodaki rakamlar tamamen seçici destekleyen ilk tarayıcı sürümü belirtir.
selektör | |||||
---|---|---|---|---|---|
:active | 4.0 | 7 | 2.0 | 3.1 | 9.6 |
Not: Tüm unsurları etkin seçici: IE8 ve daha yeni sürümler destekler. linklere aktif seçici: IE7 yalnızca destekler.
CSS sözdizimi
:active {
css declarations ;
}
Diğer Örnekler
Örnek
Seçip tarzı bir <p> <h1> ve <a> Tıkladığınız öğe:
p:active, h1:active, a:active {
background-color: yellow;
}
Kendin dene " Örnek
Seçip stil ziyaret edilmemiş, ziyaret, asılı kaldığı ve aktif linkler:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
a:active {
color: yellow;
}
Kendin dene " Örnek
farklı stilleri ile Stil bağlantıları:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Linkler
CSS öğretici: CSS Sözde sınıflar