CSS : aktiewe keurder
Voorbeeld
Kies en stileer die aktiewe skakel:
a:active
{
background-color: yellow;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die :active
kieser word gebruik om die aktiewe skakel te kies en te stileer.
'n Skakel word aktief wanneer jy daarop klik.
Wenk: Die :active selector kan op alle elemente gebruik word, nie net skakels nie.
Wenk: Gebruik die :link -kieser om skakels na onbesoekte bladsye te styl, die :visited -kieser om skakels na besoekte bladsye te styl, en die :hover -kieser om skakels te styl wanneer jy oor hulle beweeg.
Let wel: :active MOET ná :hover (indien teenwoordig) in die CSS-definisie kom om effektief te wees!
Weergawe: | CSS1 |
---|
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kieser ten volle ondersteun.
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS-sintaksis
:active {
css declarations;
}
Meer voorbeelde
Voorbeeld
Kies en styl 'n <p>-, <h1>- en <a>-element wanneer jy daarop klik:
p:active, h1:active, a:active {
background-color: yellow;
}
Voorbeeld
Kies en styl onbesoekte, besoekte, sweef- en aktiewe skakels:
/* 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;
}
Voorbeeld
Styl skakels met verskillende style:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Verwante bladsye
CSS-tutoriaal: CSS-skakels
CSS handleiding: CSS Pseudo klasse