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>元素定义引号类型

 

posted @ 2016-09-27 11:03  lexie  阅读(173)  评论(0编辑  收藏  举报