伪类link,visited,focus,hover,active详解
来源:互联网 发布:修复php intl.dll软件 编辑:程序博客网 时间:2024/06/05 01:02
CSS伪类用于向某些选择器添加特殊的效果。CSS又名层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究。
:link 与 :visited 在样式文件中的顺序可以随便放置。
:focus,: hover,:active这几个,如果你设置的顺序不同,会直接影响样式的显示效果。
:focus -> :hover -> :active
有些人可能会困惑,为什么必须要按这样的顺序,而不能打乱呢? 其实他们每一个选择器都代表一个含义。
:link代表为访问链接的样式,所以只要你是超链接,且未被访问过,则链接都会按照你设定的样式显示,所以它的位置顺序无所谓。
:visited代表链接访问后的样式,则链接一旦被访问,则之后它的样式就会是你所设置的visited样式。
重点是下面这几个:
:focus 代表的是获取焦点时的样式,有人说啥是获取焦点时的样式,这个我们可以通过tab键来查看,一旦链接获取了焦点,则它的样式就是你设置的focus样式。
:hover 代表的是你光标经过某一元素时的样式,如果将此样式放在:focus之后,则当链接获取焦点时,显示:focus样式,当光标经过此链接时,会显示hover的样式,因为hover排在后,会覆盖focus样式。
如果:hover排在前,:focus排在后,则当光标获得焦点时显示:focus的样式,但当光标经过链接时,样式并未显示:hover的样式,而是继续是:focus的样式,因为应用的focus样式在hover之后,覆盖了前面的样式。
1 0
- 伪类link,visited,focus,hover,active详解
- Css中的伪类link,visited,hover,focus,active
- :link,:visited,:focus,:hover,:active详解
- css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child
- hover active link visited
- a:link,a:visited,a:hover,a:active,伪类的顺序
- css中link visited hover active伪类的书写顺序
- CSS A link hover active visited伪类超链接锚文本样式教程
- CSS A link hover active visited伪类超链接锚文本样式应用用法案例
- a标签的四个css伪类(link、visited、hover、active)样式理解
- a:link,a:visited,a:hover,a:active 区别详解
- link visited hover active的顺序
- link visited hover active顺序的问题
- a:link :visited :hover :active 顺序
- css学习小结---hover、link、active、visited
- CSS中的:link :visited :hover :active
- css a link visited hover active
- 超链接(link,visited,hover,active)
- SQLite3环境配置以及SQLite Expert Professional 3安装
- 读《疯狂Java讲义》笔记总结一
- MFC序列化值得注意的问题
- C语言之预处理
- IntelliJ Idea :Cannot load project: java.lang.RuntimeException: java.io.IOException: java.lang.Asser
- 伪类link,visited,focus,hover,active详解
- 自定义View的状态 (Checkable接口引发的联想)
- 文章标题
- 建立动态规划数学模型的步骤
- 【太原UI设计师】郭文军揭秘{.9切图}方法
- 经典算法试题及答案
- matlab 实践程序7——将以文本文件的内容分批保存到多个txt文本中
- Tomcat在Linux上的安装与配置
- 测试本机JVM支持的最大内存