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

CSS学习笔记2:伪类

时间:2017-05-10 14:32:33      阅读:277      评论:0      收藏:0      [点我收藏+]

标签:fzu   faq   usb   mdi   wms   dpx   str   sdh   pl2   

w3c对伪类的定义是:CSS伪类是用来添加一些选择器的特殊效果。
在我目前看来就是动态的对元素的修饰
 
它的基本语法是 选择器:伪类{}

伪类有以下几种
技术分享
 
常用的伪类:
    :link,:visited,:hover,:active
 
例如:
<a href="www.baidu.com" id="one">百度</a>
未激活前的状态
    技术分享
激活后的状态
技术分享
可以通过伪类来修改这些状态
#one:visited{color:green;}
激活后的样子
技术分享
其它伪类就不一一写出来了

早期的IE对伪类有一定的兼容问题
  • IE6及更早的版本,支持<a>元素的恩4种状态
  • IE6浏览器不支持其他元素的:hover和:active
 
当多个伪类同时修饰一个选择器时,写伪类要按照一定的顺序
    以链接为例,伪类要按照一定的顺序写,否则不会生效
        :Link > :Visited > :Hover > :Active
  1. a:hover必须置于 link和visited后面才会生效
  2. a:active必须置于hover后才能生效
  3. 伪类对大小写不敏感

CSS学习笔记2:伪类

标签:fzu   faq   usb   mdi   wms   dpx   str   sdh   pl2   

原文地址:http://www.cnblogs.com/liangjiahao713/p/6835355.html

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