欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 分不清CSS“子决定符”(CSS中使用大于标识表记标帜>)和CSS“昆裔选择符”的判别。其实它们的差异仍是蛮大的。“儿女选择符”IE6,乃至更低IE版本,就已经支持了。概略你曾经被这些“拗口”、“高妙”的名词搞迷糊了。终究甚么“小辈抉择符”呢?实际上各人都用过,看看上面的例子就相熟了。 此刻不论是FireFox照样IE7,关于“子决定符”的支持还都具备未必的题目。


  1. <!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <title>文章示例页面</title>
  6.     <style type="text/css">
  7.     /*后辈抉择符*/ 
  8.     #div1 p{ 
  9.         color:red; 
  10.     } 
  11.     /*子选择符*/ 
  12.     #div1>p{ 
  13.         font-size:150%; 
  14.     } 
  15.     </style>
  16. </head>
  17. <body>
  18. <div id="div1">
  19.  <p id="p1">我是div1的儿子1 
  20.     <p id="p1_1">我是div1的孙子</p>
  21.  </p>
  22.  <p id="p2">我是div1的儿子2</p>
  23. </div>
  24. </body>
  25. </html>

示例中,"p1"与"p2"席卷在“div1”内,那么"p1"与"p2"即是“div1”的儿子,是子弟,而“p1_1”包含在“p1”中,那末“p1_1”是“p1”的儿子,是长辈。而“p1_1”也蕴含在“div1”中,则“p1_1”是“div1”的孙子,也是儿女。使用“#div1 p{color:red;}”(后辈抉择器)会将div1上面的全体段落的字体色彩都设置为了红色。无论是孩子仍是孙子,都要听话。“只如果我的后辈,就得听我的话!”——这即是“后代抉择符”。

而“子决意符”则不会那么强横,它当然它的“儿子”,不会去管“孙子”、“重孙子”、“重重孙子”

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/shili/s52727.shtml