《
“子选择符”和“后代选择符”的区别》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302336412013.htm
</body>
</html>
<div id="div1">
<p id="p1">我是div1的儿子1
<p id="p1_1">我是div1的孙子</p>
</p>
<p id="p2">我是div1的儿子2</p>
</div>
示例中，"p1"和"p2"包括在“div1”内，那么"p1"和"p2"就是“div1”的儿子，是后世，而“p1_1”包含在“p1”中，那么 &ldquo,[信息图]完美着陆页的蓝本;p1_1”是“p1”的儿子,z-index相关知识点介绍，是后代。而“p1_1”也包含在“div1”中,XML和Java技术 - 数据绑定的多种用法，则“p1_1”是“div1&rdquo,XHTML标准的DIV+CSS布局对于网站SEO的影响;的孙子，也是后代。应用“#div1 p{color:red;}”（后代选择器）会将div1下面的所有段落的字体色彩都设置为了红色。无论是孩子仍是孙子，都要听话。“只有是我的后代，就 得听我的话！”——这就是“后代选择符”。
良多友人把分不清“子选择符”和“后代选择符”的区别。实在它们的差异还是蛮大的。“后代选择符”IE6，甚至更低IE版本，就已经支持了。兴许你 已经被这些“拗口”、“深邃”的名词搞迷糊了。到底什么“后代选择符”呢？其实大家都用过，看看下面的例子就清楚了。 当初无论是FireFox还是IE7，对“子选择符”的支撑还都存在必定的问题。
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content=",XHTML+CSS兼容解决方案;text/html; charset=utf-8" />
<meta name="Keywords" content="YES!B/S!,web尺度,杨正?,博客园,实例代码" />
<meta name="Description",word-wrap和word-break解决连续字符自动换行; content="这是一个简略YES!B/S!文章示例页面,来自杨正?的博客, />
<title>YES!B/S!文章示例页面</title>
<style type="text/css">
,web设计师必须熟练掌握的10个CSS3属性; /*昆裔挑选符*/
#div1 p{
,Web设计师应该知道的十个SEO常识; color:red;
}
/*子选择符*/
#div1>p{
font-size:150%;
}
</style>
</head>
<body>
Tag：选择 区别 选择 区别 ,
web网页交互设计 页面表达常用方式;
--> [
网站建设之]“子抉择符”跟“后辈取舍符”的差别
而&ldquo,Web网站前端优化策略总结;子选择符”则不会那么霸道，它只管它的“儿子”，不会去管“孙子”、“重孙子”、“重重孙子”……
(责任编辑：网站建设)
“子选择符”和“后代选择符”的区别相关文章