`
java-admin
  • 浏览: 1384121 次
  • 性别: Icon_minigender_1
  • 来自: 陕西.西安
社区版块
存档分类
最新评论

CSS :link 伪类

阅读更多

轉:http://www.w3school.com.cn/css/pr_pseudo_link.asp

定义和用法

:link 伪类向未访问的链接添加特殊的样式。

这个伪类应用于尚未访问过的链接;也就是说,链接所指的 URI 尚未出现在用户代理的历史中。这种状态与 :visited 状态是互斥的。

说明

激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 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 之后!!

注释: Pseudo-class(伪类)的名称对大小写不敏感。

注释: 伪类可与 CSS 类配合使用:

a.red:visited {color: #FF0000;}


<a class="red"
 href="css_syntax.asp">CSS Syntax</a>

如果上面这个例子中的链接已访问过,那么它会显示为红色。

分享到:
评论

相关推荐

    HTML5&CSS3网页制作:链接伪类.pptx

    今天我们将专注于 CSS3 中的一个特定概念:链接伪类,它在创建动态和交互性超链接体验中起着重要作用。 链接伪类是 CSS3 选择器的一种,专门用来定义超链接 `&lt;a&gt;` 在不同状态下的样式。这些状态包括用户与链接交互...

    CSS :active 伪类 元素被激活时的样式

    CSS中的:active伪类是一个非常重要的样式选择器,它的主要功能是定义在用户与页面元素交互时,元素处于“激活”状态下的样式。当一个元素被激活,比如鼠标按键在该元素范围内按下还没有释放时,:active伪类所指定的...

    CSS中的伪类

    CSS中的伪类 CSS 中的伪类是已经系统定义好的,它们可以用来设置 HTML 元素在不同的状态下的样式。下面是常见的伪类: 1. link 伪类:设置 a 对象在未被访问前的样式。例如:alink { font-size: 14pt; text-...

    CSS :visited伪类选择器隐秘往事回忆录

    在实际工作中,如果要控制无href属性的元素(如禁用状态的按钮),更推荐使用a:link伪类来定义其样式,这样可以更好地控制启用与禁用状态下的样式。 尽管CSS的 :visited 伪类选择器在表面上看对网页设计提供了极大...

    css-click:css 伪类

    在给定的"css-click"主题中,我们主要关注的是`:click`这个伪类,它在JavaScript上下文中被提及,暗示我们将探讨CSS与JavaScript交互的场景。 `:click`并不是标准CSS规范中的伪类,但在一些JavaScript库或框架中,...

    CSS伪类集合

    ### CSS伪类集合详解 #### 一、概述 CSS伪类是CSS中一种特殊的选择器类型,它们由CSS规范定义并被支持CSS的浏览器自动识别。通过使用这些伪类,开发者能够针对元素的不同状态或者上下文环境应用特定的样式规则。...

    css通过伪类来设置超链接样式附示例

    css设置超链接样式是通过伪类来实现的 (1) :link:设置a对象在未被访问前的样式表属性。 (2) :visited:设置a对象在其链接地址已被访问过时的样式表属性。 (3) :hover:设置对象在其鼠标悬停时的样式表属性。 (4...

    CSS网页布局教程:CSS伪类定义3种方法

    在CSS(层叠样式表)中,伪类是一种特殊的选择器,用于选择元素在特定状态下的样式。在网页布局中,伪类对于创建交互性和动态效果至关重要。本教程将介绍CSS伪类定义的三种方法,帮助你更好地理解和应用它们。 **1....

    浅谈CSS伪类与伪元素

    伪类选择器:CSS中已经定义好的选择器,不能随便取名 :link 伪类将应用于未被访问过的链接,与:visited互斥。 :hover 伪类将应用于有鼠标指针悬停于其上的元素。 :active 伪类将应用于被激活的元素,如被点击的链接、...

    移动端网页解决CSS的active伪类无效的方法

    在移动端网页开发中,CSS的`:active`伪类是一个重要的工具,它允许开发者定义当元素被用户按下(比如点击或触摸)时的样式。然而,有时候在某些移动端浏览器,特别是iOS设备上,`:active`伪类可能会表现得不正常或者...

    css伪类.docx

    2. `:link` 和 `:visited` 伪类:`:link` 用于未被访问过的超链接,`:visited` 用于已经被用户点击过的链接。这两个伪类可以帮助设计师区分已访问和未访问链接的状态,提供视觉反馈。 3. `:hover` 和 `:active` 伪...

    css伪类.pdf

    在给定的文件中,重点介绍了几种常见的CSS伪类及其用法,例如超链接伪类、`:first-child`伪类以及`:lang`伪类。 首先,超链接伪类在CSS中扮演着重要角色,它们使得我们能够根据链接的状态来定制样式。这些状态包括...

    聚焦细节:利用CSS focus 伪类提升表单可访问性

    ### 聚焦细节:利用 CSS `:focus` 伪类提升表单可访问性 在探讨如何使用 CSS 的 `:focus` 伪类来增强表单元素的可访问性之前,我们首先需要理解 CSS 在网页设计中的核心作用及其基本功能。 #### CSS 的基本功能 1...

    css伪类(超链接)

    css伪类 超链接 连接的用法 描述 link的样式说明

    在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

    了解了各个伪类选择器的作用后,我们来探讨为什么CSS规则中a:link、a:visited、a:hover、a:active的顺序必须是LVHA。 1. 浏览器解析CSS的“就近原则” 浏览器在解析CSS规则时会遵循“就近原则”,即最后定义的样式...

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

    伪类是CSS 用于向某些选择器添加特殊的效果。 a标签中有四个: link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a...

    CSS教程:vlink,alink,link和a:link

    伪类选择符包括:总: a 表示所有状态下的连接 如 .mycls a{color:red}① a:link:未访问链接 ,如 .mycls a:link {color:blue}② a:visited:已访问链接 ,如 .mycls a:visited{color:blue}③ a:active:激活时(链接...

    Dreamweaver8系列DIV+CSS教程超链接伪类.pdf

    《Dreamweaver8系列DIV+CSS教程超链接伪类》 在网页设计中,超链接是不可或缺的一部分,它使得互联网的各个页面能够相互连接,构建起丰富的信息网络。本教程主要探讨了超链接的四种样式及其伪类,以及如何利用CSS...

Global site tag (gtag.js) - Google Analytics