CSS样式表:详细介绍IE7新支持的选择器 - CSS+DIV -

CSS样式表:详细介绍IE7新支持的选择器

时间:2013-04-22 13:25:13   来源:   评论:加载中...   点击:加载中...
现在IE7已经推出一段时间并且渗透到用户当中,不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是 Child子和Adjacent Sibling相邻兄弟选择符。现在已是时候使用它们制作网页,并且更深入研究它...

浏览器问题

IE7非常不幸的认为HTML注释也是真实的DOM元素,所以如果你在错误的地方使用注释,IE7将会把它当作兄弟计算在内,而你设定的选择器将不会工作。使用兄弟选择符时只要了解这个问题注意让注释出现在不会惹麻烦的地方。

另外一个知道的兄弟选择符问题,除了opera 9外的所有浏览器,当额外元素是经script增加的,它们不会解释基于样式表的兄弟选择符。所以如果你用script在元素中建立一个新的段落,只有Opera 9才会认识到从而改变样式。其他当前浏览器只会忽略动态结构,在新的元素添加进来前保持原来样式。

额外介绍下:first-child伪类

IE7新支持:first-child伪类。这个选择器的语法和用法和 :hover伪类相似,:first-child选择元素里出现的第一个子部,用法像:hover一样,比如链接会是a:first-child。
我们认识到使用:first-child比仅使用兄弟选择符来的简单。但在怎样获得赞扬或是用:first-child伪类选择器替换它之前,我们希望大家同样认识到兄弟选择符是怎么独立运用的。

比较下面的代码,使用:first-child简单许多。

使用 :first-child之前

div>div>div+p a {color: red;}
div>div>div+p a+a {color: blue;}

使用 :first-child...

div>div>div+p a:first-child {color: red;}



相关热词搜索:

 
上一篇:CSS学习手册:样式表CSS简明教程
下一篇:合理的网页设计具有哪些特征
收藏 将此文推荐给朋友
分享到: