网站开发技术

记点笔记、 学点技术 欢迎交流建站技术。本站关注lamp技术

您尚未登录。

#1 2015-02-25 10:37:32

css
会员

css中的伪类

伪类和正常的类是不同的, 是需要触发的, 需要一些动作把正常的元素变成伪类的元素。

这些动作包括,点击、获得焦点(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>

离线

页脚

Powered by FluxBB