CSS Pseudo-clase. Ce sunt Pseudo-clasele? Pseudo-clase ancora.

Ce sunt Pseudo-clasele?

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.