首页 > 代码库 > css伪类总结
css伪类总结
css伪类(pseudo-classes)使用来添加一些选择器的特殊效果 (pseudo/ ‘sju:d??/假的,虚伪的;)
语法:
selector:pseudo-class{}
selector.class:pseudo-class{}
anchor伪类(anchor/?æ?k?(r)/锚; 锚状物; 靠山; 压阵队员;)
a:link{}未访问的连接
a:visited{}已访问的连接
a:hover{}鼠标滑过的连接
a:active{}以选中的连接
注:a:hover要在a:link,a:visited之后才有效,a:active要在a:hover之后才有效
以上还可以配合css类使用,如下
a.red:link{}
a.red:visited{}
a.red:hover{}
a.red:active{}
:first-child
p:first-child 匹配第一个<p>元素
p>i:first-child 匹配所有<p>元素的第一个<i>元素
p:first-child i 匹配所有作为第一个子元素<p>元素的所有<i>元素
:lang 为不同的语言定义特殊规则
q:lang(no) {quotes:"~""~";} 为属性值为no 的<q>元素定义引号类型
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
css伪类总结