CSS 2.1 中的伪类

评论(1)

CSS 中的伪类的概念其实很简单,即利用网页中元素的特征而不是这些元素的名字将其分类,并通过其特征的分类对其选择。伪类有很多种下面来一一列举一下他们的意义和用法。

CSS 2.1 中的伪类

css 2.1 的版本中大致有如下伪类:

选择器 含义 示例
E:first-child 匹配父元素的第一个子元素 p:first-child { font-style:italic; }
E:link 匹配所有未被点击的链接 a:link{color:#000;}
E:visited 匹配所有已被点击的链接 a:visited{color:#000;}
E:active 匹配鼠标已经其上按下、还没有释放的E元素 a:active{color:#000;}
E:hover 匹配鼠标悬停其上的E元素 input[type=text]:focus:hover { background:#fff; }
E:focus 匹配获得当前焦点的E元素 input[type=text]:focus { color:#000; background:#ffe; }
E:lang(c) 匹配lang属性等于c的E元素 q:lang(sv) { quotes: “\201D” “\201D” “\2019″ “\2019″; }

用法、演示

就拿first-child伪类为例

测试代码

<style>
.csstest p:first-child{
color:red;
}
</style>
<div class="csstest">
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
</div>

演示


第一段

第二段

第三段





转载请注明转自: CSS 2.1 中的伪类

  1. Pingback: CSS 2.1 中的伪元素|Css-网络编程