Heritage des propriétés

**popy67** · 23/04/2012, 17h54

Bonjour,

Il me semblait que les elements enfants heritaient des propriétés de leur parent; pourquoi ici cela ne marche pas que je definisse le style inherit ou transparent ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<style type="text/css" media="all">
p{background-color:green}
#titu{background-color:inherit}
</style>
 
<body>
 
<p>
Ceci est la contenu de mon element p <div id="titu">Ceci est le contenu de mon element div</div>
</p>

**Muchos** · 23/04/2012, 20h03

Parce que <div> est un élément block et sort donc de <p>.
Donc, soit vous pouvez faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<head>
<style type="text/css" media="all">
	p {background-color: green;}
	#titu {background-color: inherit;}
</style>
</head>
<body>
<p>
Ceci est la contenu de mon element p <span id="titu">Ceci est le contenu de mon element div</span>
</p>
</body>

Ou bien vous créez une class — même si la <div> dans la <p>, c'est pas terrible

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<head>
<style type="text/css" media="all">
	.green {background-color: green;}
</style>
</head>
<body>
<p class="green">
Ceci est la contenu de mon element p <div class="green">Ceci est le contenu de mon element div</div>
</p>
</body>
</html>

Heritage des propriétés

CSS

Discussions similaires

Partager

Partager