首页 > 代码库 > CSS学习笔记2：伪类

CSS学习笔记2：伪类

2024-09-20 23:05:00   229人阅读

w3c对伪类的定义是：CSS伪类是用来添加一些选择器的特殊效果。
在我目前看来就是动态的对元素的修饰
 
它的基本语法是 选择器:伪类{}
伪类有以下几种
技术分享
 
常用的伪类：
    :link，:visited，:hover，:active
 
例如：
<a href="http://www.mamicode.com/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：伪类


联系
我们