首页 > 代码库 > 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:linka: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>元素定义引号类型

 

css伪类总结