超级会员免费看
CSS 伪类选择器的深度解析与应用
1. 动态伪类及相关样式规则
在 CSS 中，样式规则可以根据不同的条件来改变元素的外观。例如，有这样一种样式规则会根据链接是否被点击来改变背景颜色，当链接未被点击时，应用浅灰色背景和黑色文本。还有一条双重规则：
li a:hover, li a:focus {
background-color: gray;
color: white;
}
这条规则在两种情况之一或两者同时出现时应用样式：当用户的鼠标光标悬停在链接上，和/或链接获得焦点时。在 Mozilla 浏览器中，可以使用 Tab 键导航到链接以使其获得焦点，此时背景变为灰色，文本变为白色。 :hover 伪类旨在应用于所有元素，Mozilla 能正确实现该伪类，而 Internet Explorer 仅能识别链接上的 :hover 伪类。
2. 结构伪类
以下是 CSS 3 中的一些结构伪类，目前它们尚未得到广泛支持，只有 Mozilla 和 Safari 浏览器支持全部三种，Opera 7.5 支持其中两种。结构伪类根据元素在文档树中的位置来应用样式：
- :root ：指文档的根元素，在 HTML 中是 <html> 元素。
- :first-child ：指元素的第一个子元素。
- :last-child ：指元素的最后一个子元素。
订阅专栏 解锁全文
扫一扫
656
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
