28172 sujets

CSS et mise en forme, CSS3

[Résolu]Sélecteur css

Salut,
J'ai une petite question concernant les sélecteurs css.
Je ne comprends pas bien la différence entre un sélecteur de descendance ...
html p {
    color: red;
}

... et un sélecteur d'enfant.
html>p {
    color: red;
}


Je les ai testé mais j'ai l'impression que le résultat est identique sauf que le sélecteur d'enfant n'est pas exploitable par IE (à moins que sa n'ai changé Smiley biggrin ).
merci du coup de mains Smiley cligne .
Modifié par lucifel (26 Feb 2009 - 09:04)
Je crois bien que body>p désigne l'enfant direct du body, alors que body p désigne tous les p dans le body. Et ie6 ne prend pas en compte les > je crois bien ^^
Salut,

le plus simple est encore de lire les specs ou une version un peu plus affriolante. Smiley cligne

pour te donner un exemple :
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<style type="text/css" media="screen">
#global p {
	color: red;
}
#global>p {
	background-color: yellow;
}
</style>
</head>
<body>
<div id="global">
	<p>enfant</p>
	<p>enfant</p>
	<ul>
	<li><p>descendant</p></li>
	<li><p>descendant</p></li>
	</ul>
</div>
</body>
</html>
Et effectivement les versions d'IE inférieures à 7 ne le reconnaîtront pas.
Effectivement je vais me pencher sur le version plus affriolante Smiley smile .
tks
Modifié par lucifel (25 Feb 2009 - 23:23)
Sujet clos
Aller à