HTML a 标签的伪类

伪类的语法：

selector : pseudo-class {property: value}

CSS 类也可与伪类搭配使用。

selector.class : pseudo-class {property: value}

例如：

a.red : visited {color: #FF0000}<a class="red" href="css_syntax.asp">CSS Syntax</a>

注意：

<!-- 如果a的href属性不存在,上面的伪类CSS样式会不起效 --><a class="red">CSS Syntax</a>

<!-- 如果不想a添加href跳转到其他页面或资源，这样即保留了a的样式，又阻止了a的点击跳转 -->

<a class="red" href="javascript:void(0);">CSS Syntax</a>

锚伪类：

在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

a:link {color: #FF0000}        /* 未访问的链接 */
a:visited {color: #00FF00}    /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 鼠标移动到链接上 */
a:active {color: #0000FF}    /* 选定的链接 */

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

提示：伪类名称对大小写不敏感。

转载于:https://www.cnblogs.com/liaojie970/p/4942054.html

HTML a 标签的伪类相关推荐

超链接a标签的伪类选择器问题，Link标签与visited标签的失效问题(问题介绍与解决方法)。以下全部内容跟可通过鼠标左键选取后，复制到编辑器中直接运行。
超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法).以下全部内容跟可通过鼠标左键选取后,复制到编辑器中直接运行. 参考文章: (1)超链接a标签的伪类选择器 ...
【a】标签的伪类选择器
今天我们来学习一下a标签的4个伪类选择器: ①a:link选择器:修改从未被访问过的a标签样式. ②a:visited选择器:修改已经被访问过的a标签样式. ③a:active选择器:修改链接被长按时 ...
:empty css 可以用在哪些标签,CSS伪类:empty让我眼前一亮(实例代码)
最近看过我文章的都知道:我最近在负责一个微信小程序的项目,在其中遇到了很多有趣的事和一些"奇思妙想".本文的背景就是某天早上我看着wxml文件中一堆wx:if/else和hidde ...
HTML/CSS: 浅谈a标签及伪类选择器
1.基础知识 "超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分." -HTML链接而对于超文本,简单的说便是 ...
html中p标签的伪类选择器,表单标签和css伪类选择器
一.表单标签和input标签 1.表单标签:form 这个标签作为一个容器,来收集和提交这个标签中其他相关标签的数据,一般不单独使用 active属性:设置提交路径(接口) method属性:设置请求 ...
img标签的before,after伪类
在CSS中总有一些你不用不知道,用到才知道的"坑".比如今天要谈的,把 before, after 伪类用在 <img> 标签上. 嗯,实际上你用你会发现,在大多数浏览 ...
如何去掉a标签的下划线及伪类样式
首先,来了解下<a>标签的一些样式: <a>标签的伪类样式一组专门的预定义的类称为伪类,主要用来处理超链接的状态.超链接文字的状态可以通过伪类选择符+样式规则来控制.伪类选择 ...
html链接伪类设置鼠标悬停,链接伪类可以控制超链接的样式吗？是怎样实现的？...
定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前.点击后和鼠标悬停时的样式不同.在CSS中,通过链接伪类可以实现不同的链接状态,下面将对链接伪类控制超链接的样式进行详 ...
03-高级选择器,属性选择器,伪类选择器
高级选择器分为: 后代选择器子代选择器并集选择器交集选择器后代选择器使用空格表示后代选择器.顾名思义,父元素的后代(包括儿子,孙子,重孙子) .container p{color: red; ...
（14）css—伪类选择器
一.伪类和普通类的区别伪类和类之间有一定的相似之处,也存在明显的区别. 普通的类:必须给标签设置对应的 class 属性值,才能选中标签,而且类选择器后面添加的属性,会立即加载到浏览器之上. 伪类: ...

HTML a 标签的伪类

HTML a 标签的伪类相关推荐

最新文章

热门文章