:link,:visited,:focus,:hover,:active的用法
:link,:visited,:focus,:hover,:active的用法
:link,:visited,:focus,:hover,:active的用法
二、CSS中若存在a{……}的定义
1、如果a:link{}也存在,那么不管a{}放到哪里,a{}和a:link{}冲突的属性都会采用a:link{}的,不冲突的属性若存在a{}中,会被a:link{}、 a:visited{} 、a:hover{} 、a:active{}都继承;如果存在a:link{}中,只会被a:link{} 、a:hover{} 和a:active{}继承,a:visited{}不继承。
2、如果没写a:link,只有其余三个,那么a:link会继 承a{}的所有属性,其余三个会保持自己的已有属性并从a{}中继承没有的属性。
3、如果没写a:hover,只有其余三个,那么a:hover{}会继承a:link{}中的所有属性,并从a{}中继承自己没有的属性;a:link{}会保持自己已有属性并从a{} 中继承没有的属性;a:active{}会保持自己已有属性先从a:link{}中继承没有的属性,再从a{}中继承至此前还没有的属 性;a:visited{}会保持自己已有属性并直接从a{}中继承没有的属性。
4、如果没写a:active{},只有其余三个,那么a:active{}会继承a:hover{}的所有属性,之后上溯到a:link{}中继承至此之前 自己还没有的属性,再从a{}中继承自己至此仍没有的属性;a:hover{}会保持自己已有属性先从a:link{}中继承自己没有 的属性,再从a{}中继承至此仍没有的属性;a:visited{}会直接从a{}中继承自己没有的属性。
5、如果没写a:visited{},只有其余三个,那么a:visited{}会继承a{}的所有属性。其余三个都是保持自己已有属性先从上一级(分级看上面的须知②,其中 a:link的上级是a)中继承没有的属性,再从a{}中继承至此自己没有的属性。
三、CSS中若没有a{……}的定义
1、如果没写a:link{},a:link{}将采用默认的字体大小(无)和颜色(蓝色)
2、如果没写a:hover{},a:hover{}将继承a:link{}的所有属性。如果有a:hover{},它将从a:link{}中继承自己没有的属性。
3、如果没写a:active{},a:active{}将先继承a:hover{}中 的所有属性,然后从a:link{}中继承至此仍没有的属性。
4、如果没写a:visited{},a:visited{}将采用默认的字体大小(无)和颜色(紫色)。
四、总结
1、在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最下面的是最特殊的条件。
2、浏览器在显示元素时,才会从特殊到一般、逐级向上验证条件,才会使你的每一个CSS语句都起到效果。
3、如果故意打乱顺序,也会造成一些特殊的效果。比如,可以为链接制造出下划线颜色与文字颜色的差异。
4、再重复一遍正确的顺序:a:link、a:visited、a:hover、a:active .
- dedecms栏目内容怎么插入分页符(dedecms自动给已经发布过的文章中的关键词加超链接)
- dedecms不生成文档(dedecms批量替换文章中超链接的方法)
- html markdown 超链接对比(html+js 实现markdown编辑器效果)
- css设置超链接样式
- JavaScript 阻止超链接跳转的操作方法(多种写法)(JavaScript 阻止超链接跳转的操作方法多种写法)
- 设置超链接宽度和高度
- 怎么才可以财富自由(如何让自己实现财富自由)
- 为什么越来越多年轻人回农村(为什么越来越多年轻人回农村生活)
- 怎么快速学好英语(怎么快速学好英语初中)
- 中国留学生都是富二代吗()
- 我们现在吃的苹果是哪里来的 原来现代苹果引入中国仅有一百多年(我们现在吃的苹果是哪里来的)
- 买绿宝不能只挑黄绿色 菜农教你3招挑,个个皮薄肉脆,香甜爆汁(买绿宝不能只挑黄绿色)
热门推荐
- python能操作微信定时发消息(python给微信好友定时推送消息的示例)
- blazor客户端访问串口(Blazor Server 应用程序中进行 HTTP 请求)
- 如何设置nginx使用ip访问(nginx基于域名,端口,不同IP的虚拟主机设置的实现)
- php怎么创建一个文件(PHP文件后缀不强制为.php方法)
- php大量数据计算有什么技巧(PHP各种常见经典算法总结排序、查找、翻转等)
- python弹球游戏编写过程(python实现坦克大战游戏 附详细注释)
- log4net 使用
- web服务器iis安全访问机制(IIS与APACHE实现HTTP重定向到HTTPS)
- angular封装公共组件(详解Angular组件之生命周期二)
- python中怎么实现队列的创建(python 堆和优先队列的使用详解)