CSS学习笔记2：伪类

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. 伪类对大小写不敏感