Bonjour à tous,

Je viens de me farcir pas mal de pages traitant des priorités des définitions de style et du calcul de poids dans une feuille de style css et je n'y vois toujours pas clair.
Veuillez excuser mon ignorance dans le domaine mais je n'ai ni l'ambition, ni le temps, de devenir un spécialiste.
Mon problème va sans doute vous sembler d'une simplicité rare mais vous me seriez d'un grand secours en éclairant ma lanterne.

J'ai un fichier accueil.html dans lequel j'ai une balise div :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	<div id="produits">
		<h2> Nos produits </h2>
		<h3> Tous nos produits </h3>
		<ul>
			<li> Produit 1 </li>
			<li> Produit 2 </li>
		</ul>
		<h3> Accessoires </h3>
		<ul>
			<li> Accessoire 1 </li>
			<li> Accessoire 2 </li>
		</ul>
	</div>

Puis une feuille de style qui est utilisée pour ce fichier dans laquelle il y a :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
p, ul {
	color: rgb(103,103,0);
}
#produits {
	color : rgb(203,0,203);
}

Voilà, sur mon navigateur, je constate que même dans la balise div, c'est le style correspondant à p et ul qui est appliqué alors que si j'enlève de la feuille de style la définition du style de p et ul, mon style pour la balise div produits est bien appliqué.

Merci d'avance

[Edit]
Désolé, j'avais cherché partout sauf ici et j'ai finalement trouvé dans vos cours la solution. C'est juste un problème d'emboitement de balises et non de calcul de poids !

Merci pour ce cours clair et précis.

P.S. Vous pouvez supprimer ce message qui n'a aucun intérêt.