CSS :aktif Seçici
Örnek
Etkin bağlantıyı seçin ve stil verin:
a:active
{
background-color: yellow;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Seçici :active
, aktif bağlantıyı seçmek ve biçimlendirmek için kullanılır.
Tıkladığınızda bir bağlantı aktif hale gelir.
İpucu: :active seçici yalnızca bağlantılarda değil tüm öğelerde kullanılabilir.
İpucu: Ziyaret edilmeyen sayfalara bağlantılara stil vermek için :bağ seçiciyi, ziyaret edilen sayfalara giden bağlantılara stil vermek için :visited seçiciyi ve fareyle bağlantıların üzerine geldiğinizde stil vermek için :hover seçiciyi kullanın.
Not: :active, etkili olması için CSS tanımında :hover (varsa) sonrasında gelmelidir!
Sürüm: | CSS1 |
---|
Tarayıcı Desteği
Tablodaki sayılar, seçiciyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS Sözdizimi
:active {
css declarations;
}
Daha fazla örnek
Örnek
Bir <p>, <h1> ve <a> öğesini tıkladığınızda seçin ve stil verin:
p:active, h1:active, a:active {
background-color: yellow;
}
Örnek
Ziyaret edilmeyen, ziyaret edilen, üzerine gelinen ve etkin bağlantıları seçin ve biçimlendirin:
/* 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;
}
Örnek
Farklı stiller içeren stil bağlantıları:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
İlgili Sayfalar
CSS eğitimi: CSS Bağlantıları
CSS eğitimi: CSS Sözde sınıfları