伪类和正常的类是不同的, 是需要触发的, 需要一些动作把正常的元素变成伪类的元素。
这些动作包括,点击、获得焦点(focus)、悬浮(hover), 连接 (link)
最长常见的就是对于超链接的处理。
访问前是什么颜色,鼠标移动上是什么颜色, 访问后是什么颜色。
伪类为的使用方式
和正常的css选择符一样,只是后面加上冒号和'动作'(link, visited, hover, active, focus)
link -- 表示如果是个超链接就出现这个样式
visited -- 一个超链接访问过后出现这个样式。
hover -- 把鼠标放上去后出现该样式
focus -- 获得焦点的元素出现该样式
active -- 激活的瞬间出现该样式。这个和focus 有很大的区别。 focus 的时间更长。 active 是鼠标点击下去出现该样式, 如果松开这些样式就消失。
示例1
a:link { color: red} -- 表示连接红色
示例2
.red:active { color: red } <p class = 'red'>this is test</p>
如果点击 this is test 则字变成红色。
备注;由于兼容性上面示例在谷歌浏览器可以通过。其他的没有测试。
总结:
伪类的选择器 有 link, visited, hover, foucs, active
鼠标点击的伪类是 active 点击就是激活
最近编辑记录 css (2015-02-25 10:38:00)
<a href='http://www.ipbbs.net/viewforum.php?id=5'>css教程</a>
离线