28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Ma question porte sur l'emploi des identificateurs ou des classes.
J'avais cru comprendre que lorsque la mise en forme ne concerne qu'un élément on emploi les identificateurs sinon les classes.
Dans l'excellent livre de Raphaël Goetter je lis :
"Seule cette balise <div> pourra porter l'identificateur encart dans le code HTML. Celui-ci sera interdit à tous les autres éléments."
Or si j'utilise encart avec un autre Div ça fonctionne.
Ai-je mal compris ?

Voici le code :
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Titre évocateur : page 43</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link rel="stylesheet" type="text/css" href="style43.css" />
</head>
<body>
<h1 id="encart" class="sommaire titre2">Titre principal de la page</h1>
<a href="">test</a>
<a href="" class="sommaire">lien rouge</a>
<div id="encart">Contenu de l'élément</div>
<a href="" id="encart">lien rouge</a>
<div id="encart">Contenu 2 de l'élément</div>
</body>
</html>


CSS
h1 {
color: blue;
}
a {color: green;}
a.sommaire{ color:red;}
.titre2 {text-align: center}
#encart {background-color: yellow;}


Comme vous pouvez le voir j'ai utilisé encart à plusieurs endroits.
Merci de m'éclairer.

J'utilise FireFox 3.0 mais j'ai essayé aussi sur IE ça fonctionne aussi.
Modifié par seb11000 (15 Jul 2008 - 14:21)