CSS Pseudo-clase. Ce sunt Pseudo-clasele? Pseudo-clase ancora.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
O pseudo-clasă este utilizată pentru a defini o stare specială a unui element.
De exemplu, poate fi folosit pentru:
- Stilează un element atunci când un utilizator trece cu mouseul peste el.
- Stileaza linkurile vizitate și nevizitate diferit.
- Stilează un element când se focusează.
Sintaxă
Sintaxa pseudo-claselor:
selector:pseudo-class {
property:value;
}
Pseudo-clase ancora
Linkurile pot fi afișate în diferite moduri:
Exemplu:
/ * link nevizitat * /
a:link {
color: #FF0000;
}
/ * link vizitat * /
a:visited {
color: #00FF00;
}
/ * mouse peste link * /
a:hover {
color: #FF00FF;
}
/ * linkul selectat * /
a:active {
color: #0000FF;
}
Notă: a: hover TREBUIE să vină după a:link și a:visited în definiția CSS pentru a fi eficiente! a: active TREBUIE să vină după a:hover în definiția CSS pentru a fi eficient! Numele pseudo-class nu sunt case-sensitive.