伪类选择器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 网站上。

上一篇 下一篇
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
发起讨论 查看所有版本


暂无话题~