CSS - 8 - PSEUDOCLASSES

La sintàxi de les pseudo-classes és la següent: SELECTOR: PSEUDO-CLASSE { declaracions d'estil }


LINKS

• a:link {color:#000000; text-decoration:none;}
• a:visited {text-decoration: line-throught;}
• a:hover {color:#000000; background-color:#ffffff;}
• a: active {text-decoration: underline;}

Per obtenir un resultat correcte és primordial declara els aspectes de l'enllaç en aquest ordre: :link, :visited, :hover, :active.

Gràcies a aquests estils podriem definir botons amb CSS amb els 4 estats:repós, visitat, sobre, sel·leccionat.

CAPITOLARS

• :first-letter

Exemple:

<STYLE TYPE="text/css">
.capitular:first-letter {
float:left;
font-size: 300%;
margin-right:3px;
}
</STYLE>

• :first-line

Exemple:

<STYLE TYPE="text/css">
.capitular:first-line {
text-size:200%;}
</STYLE>