php 分析2
a:link,a:visited,a:hover,a:active
link:连接平常的状态
visited:连接被访问过之后
hover:鼠标放到连接上的时候
active:连接被按下的时候
详细的:
:hover版本:CSS1/CSS2 兼容性:IE4+ NS4+
语法:
Selector : hover { sRules }
说明:
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
目前IE5.5+仅支持CSS1中的:hover。
:active版本:CSS1/CSS2 兼容性:IE4+
语法:
Selector : active { sRules }
说明:
设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
目前IE5.5+仅支持CSS1中的:active。
:link版本:CSS1 兼容性:IE4+ NS4+
语法:
Selector : link { sRules }
说明:
设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性(特性)的a对象,此伪类不发生作用。
:visited版本:CSS1 兼容性:IE4+ NS4+
语法:
Selector : visited { sRules }
说明:
设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性(特性)的a对象,此伪类不发生作用。
2:hover和a:visited书写顺序的重要性
今天在用a:hover属性的时候发现一个奇怪的问题,同一个页面里面有些链接的a:hover效果不能正常表现出来。链接的代码是一样,没有使用其它样式固定,搞的我莫名其妙。还以为是某个标签没有关闭,但是页面比较长,检查起来又嫌累,但是想来想去找不到其它原因,索性把浏览器一关,做别的事情去了。
重新打开这个页面的时候,突然发现那个链接的a:hover效果又出来了。我想了一下,点了那个链接,然后回过头再点,果然又没了。连忙检查css文档,发现a:hover属性写在了visited之前,改写到之后,重试,ok!
以前看书的时候注意到css中关于链接表现的书写有提示说各属性顺序不能颠倒,一直没有注意,写的时候通常都很随意。现在看来不能这个顺序还是很重要的。
css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即
a:link
a:visited
a:hover
a:active
最新文章
- MySQL一次插入多行数据
- Apache commons-dbutils笔记
- 【.NET】单例模式标准写法
- win7 IIS7 PHP环境配置
- [Javascript] bukld 'SQL' like object tree
- Windows Server 2012 R2里十个极好的新功能
- [C#参考]利用Socket连续发送数据
- C# ASP.NET CSV文件导入数据库
- Flex中怎么给表格中的滚动条定位
- css属性分类介绍
- Java修饰符final总结
- 【20171123】【GITC精华演讲】贝业新兄弟李济宏:如何做到企业信息化建设的加减乘除
- 学习Android(入门基础和实用教程)
- [hihocoder1509][异或排序]
- yii Nav:widget 配置参数encodeLabels
- 动态修改css文件中,具体的class中的个别属性值。
- taro 打包微信小程序运行失败(二)
- Tilera--100核cpu
- 用 Python 实现每秒处理 120 万次 HTTP 请求
- [转]Activitys, Threads, &; Memory Leaks
热门文章
- socket技术与负载均衡
- CSS元素水平垂直居中方法总结(主要对大漠以及张鑫旭博客所述方法进行了归纳)
- python操作oracle数据库
- Bone Collector(复习01背包)
- 解决最近windows版本Node.js中npm出现的“Error: ENOENT, stat 'C:\Users\UserName\AppData\Roaming\npm”的问题
- Summit Online Judge
- idea创建vue项目,Terminal安装npm的淘宝镜像:'npm' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
- 甩掉DataList,Repeater,列表数据显示得灵活--转
- 通过HTTP请求WEBAPI的方式
- 企业级SpringBoot与Dubbo的使用方式