Soit la page suivante
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title></title><style
type="text/css">
.style1 {
color: #ff0000;
}
.style2 {
color: #0000ff;
}
#texte {
border: 1px solid black;
}
</style></head>
<body>
<div id="texte">
<p>paragraphe 1</p>
<p class="style2">paragraphe 2</p>
</div></body></html>
Bon à savoir, si j'applique une deuxième fois "style1", le paragraphe perd sa "class". Pratique, mais je viens de découvrir.
Plus ennuyeux. Je supprime le style et le texte du paragraphe 1, sans supprimer ledit paragraphe. La page devient donc
Code : Tout sélectionner
<body>
<div id="texte">
<p></p>
<p class="style2">paragraphe 2</p>
</div></body>

Il en va de même si l'on joue sur le deuxième paragraphe.
Pour information, si j'applique le style au paragraphe vide en utilisant la barre d'état, au bas de l'écran, il n'y a pas de problème.
Cela semble bien signifier que l'une et l'autre méthode n'utilisent pas la même procédure pour affecter les styles. Et que la procédure de la première méthode (par la liste déroulante) n'est pas tout à fait correcte.
Pourquoi deux méthodes? Pourquoi ne pas en garder qu'une: celle qui fonctionne bien?
Mais c'est peut-être une question difficile à régler; je me permets de soumettre malgré tout.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0