码迷,mamicode.com
首页 > Web开发 > 详细

css伪类总结

时间:2016-09-27 11:37:25      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:

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伪类总结

标签:

原文地址:http://www.cnblogs.com/lexie/p/5912035.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!