L1 Info : Informatique et Document, CSS
 
◃  Ch. 6 CSS avancé  ▹
 

CSS dynamique : les pseudo-classes

  • a:link et a:visited : pseudo-classes permettant de distinguer les liens hypertextes vierges de ceux déjà utilisés.
    a:link { color: #738da8; }  /* unvisited link */
    a:visited { color: #738da8;}  /* visited links */
    
  • :active, :hover et :focus : pseudo-classes dynamiques caractérisant les éléments interactifs d'une page web
    • lien sur lequel l'utilisateur est en train de cliquer
    • passage du curseur de souris sur l'élément
    • éléments de formulaire acceptant des saisies clavier
    a:active  /* active links */
    { 
      color: #6060C0; 
      font-style : oblique;
    }
    
    input[type=text]:hover { color:red; }
    
    *:focus { font-size:xx-large; }