a标签的四个css伪类(link、visited、hover、active)样式理解
发布时间：2013-05-30 16:20:23 作者：佚名 
我要评论
我要评论伪类是CSS 用于向某些选择器添加特殊的效果，chrome和firefox中的css监控并不会显示所有的样式，有些显示会有点不全，IE下还是有点问题的，不过大体不变
伪类是CSS 用于向某些选择器添加特殊的效果。
a标签中有四个：
link、visited、hover、active
未移入a标签链接时：link
移入a标签链接时：link、hover
点击a标签链接时：link、hober、active
点击后未移入a标签连接时：link、visited
点击后移入a标签连接时：link、visited、hover
点击后再次点击a标签连接时：link、visited、hover、active
这个就是所有组合的样式了。
如果有多个同样的样式，后面的样式会覆盖前面的样式，所以这四个伪类的定义就有顺序的要求了，
而大家所说的‘lvha’也是因为这个原因。
注意：
chrome和firefox中的css监控并不会显示所有的样式，有些显示会有点不全（a标签的这四个伪类）
不过IE下还是有点问题的，不过大体不变。
a标签中有四个：
link、visited、hover、active
未移入a标签链接时：link
移入a标签链接时：link、hover
点击a标签链接时：link、hober、active
点击后未移入a标签连接时：link、visited
点击后移入a标签连接时：link、visited、hover
点击后再次点击a标签连接时：link、visited、hover、active
这个就是所有组合的样式了。
如果有多个同样的样式，后面的样式会覆盖前面的样式，所以这四个伪类的定义就有顺序的要求了，
而大家所说的‘lvha’也是因为这个原因。
注意：
chrome和firefox中的css监控并不会显示所有的样式，有些显示会有点不全（a标签的这四个伪类）
不过IE下还是有点问题的，不过大体不变。
相关文章
csshover.htc在IE7下使用:active伪类无效解决方法
相信做前端开发都知道，IE6、IE7都不支持:active伪类，IE6更甚，连:hover伪类都不支持。为了解决这个问题，一般都会引入一个csshover.htc文件来解决,本文将介绍解决此问题2012-12-24链接伪类（:hover）CSS背景图片有闪动BUG的解决方法
IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。2011-04-28- 在处理css的机制上，IE总是有很多让人吐血的举动，但对于他们现在的改进力度还是值得高兴的。2009-12-08
- 本篇文章主要介绍了CSS3实现伪类hover离开时平滑过渡效果示例，具有一定的参考价值，有兴趣的可以了解一下2017-08-10
最新评论