`

a:hover和a:visted

阅读更多
1:解释


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

转载于http://www.cnblogs.com/yangfeng/archive/2009/07/25/1530962.html
分享到:
评论

相关推荐

    迷宫游戏实习报告(JAVA).pdf

    2009-2010-2 课程实验报告 高级程序... boolean visted[][]; Place pl=new Place(); FindWay() findTheWay(int[][] maze) Point goup() godown() goright() goleft() 高级程序设计(JAVA)实验报告 If input 3 if inpu

    迷宫游戏实习报告(java).doc

    " "boolean " "visted[][]; " "Place pl=new " "Place(); " "FindWay() " "findTheWay(int[][]" "maze) " "Point " " " " goup() " "godown() " "goright() " "goleft() " " site " " Int sitex;

    remove-most-visited-pages:Google Chrome扩展程序,通过将新标签页重定向到Google主页来删除“访问量最大的页面”。 迁移到8k用户并开始计数!

    删除访问量最大的页面 Google Chrome扩展程序,通过将新标签页重定向到Google主页来删除“访问量最大的页面”。 安装 您可以通过安装它。

    简单的历史「Simple History」-crx插件

    一个基本的历史工具,查看visted站点,没有visists和上次访问 单击查看您的所有浏览历史查看您所有的浏览历史记录和访问特定网址的总次数。 您可以轻松查看您的网站托管服务,访问总次数,上次访问时间和搜索记录 ...

    数据库实验.py

    数据库实验.py

    机器学习技术对心电图 (ECG) 信号进行分类matlab代码.zip

    1.版本:matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

    学会学习心理课拒绝诱惑:自制力培养手册.docx

    学会学习心理课拒绝诱惑:自制力培养手册.docx

    基于matlab+Simulink模拟的微电网系统包括包括电源、电力电子设备等+源码+开发文档(毕业设计&课程设计&项目开发)

    基于matlab+Simulink模拟的微电网系统包括包括电源、电力电子设备等+源码+开发文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 项目简介: 这是一个完整的微电网模型,包括电源、电力电子设备、使用MatLab和Simulink的负载和电源模型。该模型基于费萨尔·穆罕默德的硕士论文《微网格建模与仿真》。 什么是微电网 模拟的微电网使用一组电源和负载在与任何集中式电网(宏电网)断开连接的情况下工作,并自主运行,为其局部区域提供电力。该仿真对微电网在稳态下进行建模,以分析其对输入变化的瞬态响应。 此模拟的目的 对系统进行全年模拟,测量负载、产量、电压和频率。 给出简化规划和资源评估阶段的方法。

    Translucent Image - Fast Blurred Background UI v4.4.1

    Unity插件 Translucent Image 可帮助你构建精美的模糊背景 UI,例如在 iOS/MacOS/Windows 10 Fluent 设计中的 UI。 与许多其他背景模糊解决方案不同,Translucent Image 采用一种对性能影响最小的高效算法,因此用户可以享受更高的帧速率和更长的电池寿命。不仅如此,当你将模糊调高时,它还可以产生完美的平滑效果,而其它资源在高度模糊时会呈现难看的块状图像。

    基于卷积神经网络的人脸识别(包括数据集)

    基于卷积神经网络的人脸识别卷积神经网络(Convolutional Neural Networks, CNNs 或 ConvNets)是一类深度神经网络,特别擅长处理图像相关的机器学习和深度学习任务。它们的名称来源于网络中使用了一种叫做卷积的数学运算。以下是卷积神经网络的一些关键组件和特性: 卷积层(Convolutional Layer): 卷积层是CNN的核心组件。它们通过一组可学习的滤波器(或称为卷积核、卷积器)在输入图像(或上一层的输出特征图)上滑动来工作。 滤波器和图像之间的卷积操作生成输出特征图,该特征图反映了滤波器所捕捉的局部图像特性(如边缘、角点等)。 通过使用多个滤波器,卷积层可以提取输入图像中的多种特征。 激活函数(Activation Function): 在卷积操作之后,通常会应用一个激活函数(如ReLU、Sigmoid或tanh)来增加网络的非线性。 池化层(Pooling Layer): 池化层通常位于卷积层之后,用于降低特征图的维度(空间尺寸),减少计算量和参数数量,同时保持特征的空间层次结构。 常见的池化操作包括最大池化(Max Pooling)和平均

    基于java进行的软件测试实验代码.zip

    基于java进行的软件测试实验代码.zip

    【优化求解】遗传算法求解多城市多应急物流中心选址问题【含Matlab源码 1724期】.zip

    【优化求解】遗传算法求解多城市多应急物流中心选址问题【含Matlab源码 1724期】.zip

    结构型设计模式(7种)

    结构型设计模式(7种)

    课设毕设基于SpringBoot+Vue的旧物置换网站 LW+PPT+源码可运行.zip

    课设毕设基于SpringBoot+Vue的旧物置换网站 LW+PPT+源码可运行.zip

    微信小程序源码 健康饮食助手 健康菜谱app 下载

    健康菜谱App是一款专为追求健康饮食生活的用户设计的应用程序。它提供了一系列精心挑选的营养食谱,旨在帮助用户做出美味又健康的餐点。以下是健康菜谱App的核心特点: 丰富食谱库:包含数百种健康食谱,涵盖早餐、午餐、晚餐及小吃等。 营养信息标注:每道食谱都配有详细的营养信息,包括卡路里、蛋白质等。 个性化推荐:根据用户的饮食习惯和健康目标,智能推荐合适的菜谱。 食材替换建议:提供食材替换选项,帮助用户根据自己的口味和需求调整食谱。 一键购物清单:自动生成购物清单,方便用户购买所需食材。 步骤图解:每道食谱都配有清晰的步骤图解,即使是烹饪新手也能轻松上手。 社区分享功能:用户可以在社区中分享自己的烹饪成果,交流烹饪心得。 无广告干扰:提供无广告的用户体验,让用户专注于烹饪和享受美食。 健康菜谱App是健康饮食追求者的得力助手,无论是健身爱好者、素食主义者还是普通家庭,都能找到适合自己的健康食谱。立即下载健康菜谱App,开启健康饮食新篇章!

    课设毕设基于SpringBoot+Vue的职称评审管理系统 LW+PPT+源码可运行.zip

    课设毕设基于SpringBoot+Vue的职称评审管理系统 LW+PPT+源码可运行.zip

    MikelProjectDemo-dev.zip

    MikelProjectDemo-dev

    基于 SpringBoot 开发的超简洁音乐播放器.zip

    基于springboot的java毕业&课程设计

    HUWEI eNSP课程作业

    HUWEI eNSP课程作业

    基于SpringBoot、SSH和Redis的NBA论坛网站.zip

    基于springboot的java毕业&课程设计

Global site tag (gtag.js) - Google Analytics