• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > a标签伪类的作用及书写顺序是什么

a标签伪类的作用及书写顺序是什么

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含a标签,伪类书写顺序等相关知识,佚名 希望在学习及工作中可以帮助到您
a标签伪类的作用:

":link": a标签还未被访问的状态;

":visited": a标签已被访问过的状态;

":hover": 鼠标悬停在a标签上的状态;

":active": a标签被鼠标按着时的状态;

写样式时,为毛要按这个顺序写:

其实本质还是“同等优先权的样式,写在后边的会覆盖前边”,a标签的伪类只不过是又结合了不同的动作顺序,动作的触发顺序决定了伪类的顺序必须按lvha来写。

下面结合这4个伪类简单说下:

因为前2者两种状态是常态,而后2者是即时状态,当即时状态触发时,要覆盖常态,所以2个即时状态要放在后边;

因为在常态下:如果a标签被访问过后,就要呈现被访问过的状态,所以visited 要放在link后边;

因为鼠标按下时,伴随着悬停的a标签上,所以要想active覆盖hover,就必须把active放后边;

顺序记忆技巧:

lv包hao用

您可能想查找下面的文章:

  • 深入浅出meta标签
  • a标签的背景图在ie8下不显示问题的解决方法
  • a标签的target链接指向iframe的方法
  • meta标签中的使用viewport定义屏幕css
  • 用简单的jquery+CSS创建自定义的a标签title提示tooltip
  • 使用纯css禁用html中a标签无需JavaScript
  • meta标签在移动平台开发中的应用详解
  • meta标签详解(meta标签的作用)
  • a标签怎么去下划线以及实现点击前和点击后不变色
  • html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

相关文章

  • 2017-08-05form表单中什么隐藏属性可以随表单提交
  • 2017-08-05揭开HTML 5工作草稿的神秘面纱
  • 2017-08-05网页图片格式PNG,JPG,GIF如何选择使用
  • 2017-08-05html 标签 dl dt dd使用说明
  • 2017-08-05DD DT DL标签使用示例
  • 2017-08-05HTML基础知识——设置超链接的样式简单实例
  • 2017-08-05Html中value和name属性的作用及其使用介绍
  • 2017-08-05meta标签详解(meta标签的作用)
  • 2017-08-05IMG中UserMap的使用示例
  • 2017-08-05通过iframe实现在body中放frameset

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML之文本标记
    • HTML减肥 精简HTML标记制作网页
    • 如何实现textarea中获取动态剩余字数的方法
    • 页面之前跳转 和页面之间传递参数
    • HTML checkbox 点击说明文字即可选择/取消勾选状态
    • html超级链接标记A的TARGET属性详解
    • 谈谈html转义字符如何通过代码识别
    • html网页插入图片、加入地图索引示例讲解
    • 深层优化 提高网站的访问速度的一些技巧
    • HTML meta viewport属性详细说明

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有