1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
div.bleu {color:#00F;}
.bleu {color:#00F;}
.rouge {color:#F00;}
blockquote.bleu {color:#00F !important;}
blockquote.rouge {color:#F00;}
</style>
</head>
<body>
<div class="bleu rouge">le texte est bleu à cause d'une spécificité plus importante</div>
<p class="bleu rouge">A spécificité égale le texte est de la couleur de la dernière classe</p>
<blockquote class="bleu rouge">là c'est le !important qui fait que le texte est bleu</blockquote>
</body>
</html> |