当前位置: 网站建设 > 网页设计 > 建站经验 >

“子选择符”和“后代选择符”的区别

时间:2013-03-02 03:50来源:未知 作者:admin 点击:

标签:“子选择符”和“后代选择符”的区别 子选择符(1)Di(5)body(13)区别(18)HTML(42)后代选择符(1)div(47)
/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中,那么 p1_1是p1的儿子, z-index相关知识点介绍 ,是后代。
“子选择符”和“后代选择符”的区别》文章地址: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网站前端优化策略总结;子选择符”则不会那么霸道,它只管它的“儿子”,不会去管“孙子”、“重孙子”、“重重孙子”……


(责任编辑:网站建设)
“子选择符”和“后代选择符”的区别相关文章
上一篇:[信息图]完美着陆页的蓝本 下一篇:“建站”六大常见错误及解决方法
回到顶部