IE7对css选择器的改进

关于IE系列浏览器在伪类支持方面的进步与差异

IE系列浏览器在CSS支持方面一直备受关注，尤其是伪类的支持。在较早的IE6版本中，伪类的应用仅限于a标签，如“:hover”、“:active”、“:focus”等，这些理论上应适用于所有元素的伪类在IE6中并未得到广泛应用。在版本的IE7中，我们看到了明显的改进。

IE7开始有选择地支持“:hover”伪类，例如应用在div标签上的背景颜色变化：

当鼠标悬停时，div的背景颜色会变成B7B7B7。这是一个非常实用的功能，为网页设计师提供了更多的创作空间。

IE7还开始支持子选择器。例如，你可以使用如下定义来指定某个特定元素的子元素的样式：

block1下的h3元素的颜色为红色。这为网页布局提供了更精确的控制。

相邻选择器的支持也是一个亮点。你可以指定同一父元素下的紧邻某个元素之后的元素的样式，例如接下来的段落文字将显示为蓝色。

值得一提的是，IE7还支持一种特殊的相邻选择器组合——“ html”。这种写法在FF2.0和其他浏览器中并不被接受，但它们都支持“ body”这样的通用选择器。针对IE7的CSS hack就可以利用这一特性来实现特定的样式设计。

除了上述特性，IE7还支持一些属性选择器，如a[rel="nofollow"]、a[class="ie7"]和a[rel~="my"]等。但值得注意的是，它仍然不支持a[title]。虽然选择器在平时的应用中使用频率并不高，但它们对于某些特定场景下的设计和开发来说至关重要。而且相对于JavaScript，这些选择器似乎更加有效率。同时它们在实现一些复杂交互效果时具有很大的潜力。虽然存在一些争议和疑惑，比如某些选择器的渲染速度可能较慢，但它们无疑为前端开发者提供了更多的选择和可能性。IE7在CSS支持方面取得了显著的进步，尤其是在伪类和选择器方面，这为网页设计师和开发者带来了更多的便利和创作空间。