Pseudo-klase (Pseudo-classes)

Primjer 14


Pseudo-klase (Pseudo-classes) definišu specijalne stilove elemnata u slučaju direktnog upravljanja korisnika web-stranicom. Pseudo-klase su sledeće:
- :active
- :focus
- :hover
- :link
- :visited
- :first-child
- :lang

Pseudo-klasom :hover definišemo promjenu izgleda nekog elementa u slučaju da korisnik prevuče kursor iznad njega. Prije pojave CSS-a ova radnja je zahtjevala komplikovane skripte, ali CSS je ovaj nivo dinamičnosti veoma pojednostavio. Na primjeru je prikazan CSS kod koji definiše promjenu boje linka u crvenu, u slučaju prevlačenja miša iznad njega:

Kod:
<html>
<head>
<title>Promjena izgleda</title>
<style type="text/css">
a:hover {
color: red;
}

</style>
</head>
<div style="color:#00C">
<a href="about:blank">Tekst</a>

</div>

</body>
</html>

Primjer:

Popis svih pseudo-klasa se nalazi u DODATKU 14.



*Dio koda označen crvenom bojom odnosi se na CSS. Promjenjiva pseudo-klasa je označena zelenom bojom.
**Prozor na dnu stranice je namjenjen za provjeru koda: - kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom); editovanje je moguće u prozoru.





Joxwelldesign.com za Znanje.org