Bonjour,
je pense avoir un petit soucis d'héritage dans ma feuille de style... Peut etre n'ai-je pas bien compris toutes les subtilités de CSS.
Est ce que quelqu'un pourrait m'expliquer ?

Voici mon cas....
Dans mon CSS j'ai le code suivant (dans l'ordre) :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
#bloc_central ul
{
	font-size: 13px;
	text-align: justify;
	line-height: 20px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 40px;
	list-style-type: disc;
}
 
.generic_form ul
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
Le code de ma page ressemble à ceci

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div id="bloc_central">
		<form id="my_form" class="generic_form" method="post" action="">
		<ul>
		<li>
			blabla
		</li>
		</ul>
		</form>
</div>
Les marges et le padding définis "#bloc_central ul" sont conservés à l'affichage alors que je pensais que ce qui est défini dans ".generic_form ul" le surchargerait....
Pourquoi ce n'est pas le cas ?
Merci par avance pour votre réponse.