这篇文章主要为大家展示了“CSS子选择符和后代选择符的区别是什么”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“CSS子选择符和后代选择符的区别是什么”这篇文章吧。
分不清CSS“子决定符”(CSS中使用大于标识表记标帜>)和CSS“昆裔选择符”的判别。其实它们的差异仍是蛮大的。“儿女选择符”IE6，乃至更低IE版本，就已经支持了。概略你曾经被这些“拗口”、“高妙”的名词搞迷糊了。终究甚么“小辈抉择符”呢？实际上各人都用过，看看上面的例子就相熟了。 此刻不论是FireFox照样IE7，关于“子决定符”的支持还都具备未必的题目。
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文章示例页面</title>
<style type="text/css">
/*后辈抉择符*/
#div1 p{
color:red;
}
/*子选择符*/
#div1>p{
font-size:150%;
}
</style>
</head>
<body>
<div id="div1">
<p id="p1">我是div1的儿子1
<p id="p1_1">我是div1的孙子</p>
</p>
<p id="p2">我是div1的儿子2</p>
</div>
</body>
</html>
示例中，"p1"与"p2"席卷在“div1”内，那么"p1"与"p2"即是“div1”的儿子，是子弟，而“p1_1”包含在“p1”中，那末“p1_1”是“p1”的儿子，是长辈。而“p1_1”也蕴含在“div1”中，则“p1_1”是“div1”的孙子，也是儿女。使用“#div1 p{color:red;}”（后辈抉择器）会将div1上面的全体段落的字体色彩都设置为了红色。无论是孩子仍是孙子，都要听话。“只如果我的后辈，就得听我的话！”--这即是“后代抉择符”。
而“子决意符”则不会那么强横，它当然它的“儿子”，不会去管“孙子”、“重孙子”、“重重孙子”
以上是“CSS子选择符和后代选择符的区别是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
