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

a标签的四个css伪类(link、visited、hover、active)样式理解

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

本文主要包含a标签,css,伪类等相关知识,佚名 希望在学习及工作中可以帮助到您
伪类是CSS 用于向某些选择器添加特殊的效果。

a标签中有四个:

link、visited、hover、active

未移入a标签链接时:link

移入a标签链接时:link、hover

点击a标签链接时:link、hober、active

点击后未移入a标签连接时:link、visited

点击后移入a标签连接时:link、visited、hover

点击后再次点击a标签连接时:link、visited、hover、active

这个就是所有组合的样式了。

如果有多个同样的样式,后面的样式会覆盖前面的样式,所以这四个伪类的定义就有顺序的要求了,

而大家所说的‘lvha’也是因为这个原因。

注意:

chrome和firefox中的css监控并不会显示所有的样式,有些显示会有点不全(a标签的这四个伪类)

不过IE下还是有点问题的,不过大体不变。

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

  • a标签有小手状和无小手状css的属性介绍
  • a标签的css样式四个状态LVHA的设计
  • css如何去掉点击a链接带来的虚框
  • css a标签的visied伪类失效原因介绍
  • ie6下a标签的onclick事件不执行问题解决方案
  • a标签的四个css伪类(link、visited、hover、active)样式理解
  • a标签的bug hover状态不触发 可点区域不可点击
  • CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类
  • 去掉a标签超链接的虚线框的方法
  • 有关于a标签的4个伪类的使用方法

相关文章

  • 2017-08-06使用滤镜解决IE6下png图片不能透明(被渲染成默认色)的问题
  • 2017-08-06通过CSS3的object-fit来调整图片适配尺寸的技巧简介
  • 2017-08-06css 条件注释区分非IE浏览器
  • 2017-08-06CSS鼠标点击改变图片透明度
  • 2017-08-06浏览器兼容之旅第二站:各浏览器的Hack写法让浏览器达到一致的渲染效果
  • 2017-08-06CSS 优先级问题详解
  • 2017-08-06CSS3 text-shadow实现文字阴影效果
  • 2017-08-06CSS3实现10种Loading效果
  • 2017-08-06利用CSS3的transition属性实现滑动效果
  • 2017-08-06详解CSS3中字体平滑处理和抗锯齿渲染

文章分类

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

最近更新的内容

    • 纯CSS实现的小三角
    • favicon.ico在ie下面无法正常显示(尺寸32*32)
    • CSS3的Flexbox布局的简明入门指南
    • css使图片变灰的实现方法
    • table中td内容换行问题
    • CSS解决无空格的字母、数字过长不自动换行的问题
    • PNG8格式图片是不支持半透明等问题深入分析
    • css实现的漂亮的分页效果代码(橘黄色与蓝色)
    • 经典的IE6的高度问题-div默认存在3个像素高
    • 基于css3仿造window7的开始菜单

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

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