伪类选择器1

未匹配的标注

所有伪类关键字前面都有一个 :

链接伪类

:link 指示作为超链接(即有一个href属性)并指向一个 未访问地址 的所有锚(a元素)。

超链接指的有href属性的a元素。没有href属性如<a name="abc">a:link 不会作用。

:visited 指示作为 已访问地址超链接 的所有锚

<style>
    a:link {color:blue;}   /*未访问的a链接*/
    a:visited {color:red;} /*已访问的a链接*/
</style>

<p><a href="#mao">未访问</a></p>
<p><a href="https://www.baidu.com">已访问</a></p>

伪类选择器

假设只指定部分 a 元素应用样式,可以配合其他选择器

<style>
    a.special:link {font-weight:bold;}   /*未访问的a链接*/
</style>

<p><a href="#a" class="special">应用</a></p>
<p><a href="#b" class="special">应用</a></p>
<p><a href="#c">不应用</a></p>

伪类选择器

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 0
发起讨论 查看所有版本


暂无话题~