a标签的四个css伪类样式理解
2013-05-29 19:16
344 查看
[b]伪类是CSS 用于向某些选择器添加特殊的效果。[/b]
a标签中有四个:
link、visited、hover、active
未移入a标签链接时:link
移入a标签链接时:link、hover
点击a标签链接时:link、hober、active
点击后未移入a标签连接时:link、visited
[b]点击后移入a标签连接时:[b]link、visited、hover[/b][/b]
点击后再次点击a标签连接时:[b]link、visited、hover、active[/b]
[b]这个就是所有组合的样式了。[/b]
[b]如果有多个同样的样式,后面的样式会覆盖前面的样式,所以这四个伪类的定义就有顺序的要求了,[/b]
[b]而大家所说的‘lvha’也是因为这个原因。[/b]
[b]注意:[/b]
[b]chrome和firefox中的css监控并不会显示所有的样式,有些显示会有点不全(a标签的这四个伪类)[/b]
[b]不过IE下还是有点问题的,不过大体不变。[/b]
a标签中有四个:
link、visited、hover、active
未移入a标签链接时:link
移入a标签链接时:link、hover
点击a标签链接时:link、hober、active
点击后未移入a标签连接时:link、visited
[b]点击后移入a标签连接时:[b]link、visited、hover[/b][/b]
点击后再次点击a标签连接时:[b]link、visited、hover、active[/b]
[b]这个就是所有组合的样式了。[/b]
[b]如果有多个同样的样式,后面的样式会覆盖前面的样式,所以这四个伪类的定义就有顺序的要求了,[/b]
[b]而大家所说的‘lvha’也是因为这个原因。[/b]
[b]注意:[/b]
[b]chrome和firefox中的css监控并不会显示所有的样式,有些显示会有点不全(a标签的这四个伪类)[/b]
[b]不过IE下还是有点问题的,不过大体不变。[/b]
相关文章推荐
- a标签的四个css伪类(link、visited、hover、active)样式理解
- a标签的四个css伪类(link、visited、hover、active)样式理解
- CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类
- CSS定义超链接样式的顺序及四个伪类的用法示例介绍
- CSS中定义链接样式的四个伪类
- CSS定义超链接样式的顺序以及四个伪类的介绍
- CSS的种类:类/标签样式/ID选择符/伪类
- css a标签的四个伪类的顺序
- HTML/CSS: 浅谈<a>标签及伪类选择器
- CSS list-style属性控制ul标签样式
- css定义超级链接a标签里面的title的样式
- css中的伪类 之 控制链接的样式。
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- css基础 并集选择器 多个标签用逗号隔开,使用相同的样式
- HTML CSS标签类型转换、样式重置 、前段规范
- JS+CSS仿网易的选项卡TAB标签样式-导航菜单类
- 学习日记-a标签伪类css属性查找
- css-伪类的理解
- css控制水平衡线hr标签样式去掉阴影效果
- css控制水平衡线hr标签样式去掉其阴影效果