CSS子选择符和后代选择符的区别是什么
这篇文章主要为大家展示了"CSS子选择符和后代选择符的区别是什么",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"CSS子选择符和后代选择符的区别是什么"这篇文章吧。
分不清CSS"子决定符"(CSS中使用大于标识表记标帜>)和CSS"昆裔选择符"的判别。其实它们的差异仍是蛮大的。"儿女选择符"IE6,乃至更低IE版本,就已经支持了。概略你曾经被这些"拗口"、"高妙"的名词搞迷糊了。终究甚么"小辈抉择符"呢?实际上各人都用过,看看上面的例子就相熟了。 此刻不论是FireFox照样IE7,关于"子决定符"的支持还都具备未必的题目。
文章示例页面 /*后辈抉择符*/
#div1 p{
color:red;
}
/*子选择符*/
#div1>p{
font-size:150%;
}
我是div1的儿子1
我是div1的孙子
我是div1的儿子2
示例中,"p1"与"p2"席卷在"div1"内,那么"p1"与"p2"即是"div1"的儿子,是子弟,而"p1_1"包含在"p1"中,那末"p1_1"是"p1"的儿子,是长辈。而"p1_1"也蕴含在"div1"中,则"p1_1"是"div1"的孙子,也是儿女。使用"#div1 p{color:red;}"(后辈抉择器)会将div1上面的全体段落的字体色彩都设置为了红色。无论是孩子仍是孙子,都要听话。"只如果我的后辈,就得听我的话!"--这即是"后代抉择符"。
而"子决意符"则不会那么强横,它当然它的"儿子",不会去管"孙子"、"重孙子"、"重重孙子"
以上是"CSS子选择符和后代选择符的区别是什么"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!