IE7对css选择器的改进

2016-02-19 21:21 2 1 收藏

今天图老师小编要向大家分享个IE7对css选择器的改进教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

  今天稍稍看了一下IE7对css选择器的改进,出乎我的想象,竟然修复了大部分bug。
 
  1、对伪类的支持。IE6和更低的版本对于伪类的支持仅限于a标签,诸如“:hover”、“:active”、“:focus”之类的伪类理论上是应该适用于所有元素的,但是IE6和更低版本抛弃了它们。这次IE7有选择地支持了“:hover”。
 
Quotes
div:hover {
    background-color: #B7B7B7;
}

  诸位可以试试。

  2、对子选择器的支持。现在在IE7里你可以使用如下的定义:
 
Quotes
#block1 h3 {
    color: red;
}
 
  3、对相邻选择器的支持。你可以指定同一父元素下的紧邻某个元素之后的元素的样式:
 
Quotes
* + p {
    color: Blue;
}
 
  4、对相邻选择器的扩展(?也许是bug),IE7支持“*+html”这样的通用选择器和相邻选择器的组合,注意,这里是“*+html”,很奇怪吧?FF2.0和其他浏览器是不支持这样的写法的,不过都支持“*+body”这样的。所以,对IE7的CSS HACK就可以利用*+html来写了。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  5、对属性选择器的支持。支持了a[rel="nofollow"]、[class="ie7"]、a[rel~="my"]这几个属性选择器,但是还是不支持a[titile]。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  选择器在平时的应用里很少用到,有一种说法是渲染会比其他的慢。不过很多选择器的效果在这之前是只能使用js来实现的,相对于js,css似乎更加有效率一些。

来源:https://www.tulaoshi.com/n/20160219/1625948.html

延伸阅读
标签: Web开发
我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》,作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进行进一步的整理,将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表,以...
标签: Web开发
关于CSS选择器优先级,目前国内已有很多人进行过解释,但感觉不如人意,特别对于初学者,更是难以理解。这里我把W3C上所描述的规范以我的理解再解释一下,希望能给大家提供到帮助。 在Calculating a selector’s specificity上的原文摘选如下: A selector’s specificity is calculated as follows: count 1 if the declaration is...
标签: Web开发
一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支...
标签: Web开发
当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。 IE6以下 *html{} IE 7 以下 *:first-child+html {} * html {} 只对IE 7 *:first-child+html {} 只对IE 7 和现代浏览器 htmlbody {} 只对现代浏览器(非IE 7) html/**/body {} 最新的Opera 9以下版本 html:first-child {} Safari html[xmlns*=&qu...
标签: Web开发
我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。CSS属性选择器制作个性化链接样式作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进行进一步的整理,将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表,以及我自己平时总结的一...

经验教程

589

收藏

49
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部