伪类选择器1

CSS 权威指南笔记 /

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

链接伪类

: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 网站上。

1.1k 声望

未知的世界只差向前一步

《L05 电商实战》

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

《L02 从零构建论坛系统》

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

推荐文章：

更多推荐...

PHP Annotated——2024 年 1 月 11 / 1 |

记录一下，服务器又又被黑的一次。 34 / 33 |

Redis 实用小技巧—— bitmap 应用之「缓存穿透」问题的处理 19 / 11 |

Redis 实用小技巧—— bitmap 应用之「布隆过滤器」 19 / 10 |

第一次被裁，用 10 天时间争取到了 n + 1 赔偿！ 63 / 78 |

Laravel 角色和权限：拦截器（Gates）和策略（Policies）解释 30 / 1 |

讨论数量: 0

发起讨论只看当前版本

暂无话题~