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:

Tekst

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.

Nazad