伪类选择器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 声望

未知的世界只差向前一步

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

《L05 电商实战》

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

推荐文章：

更多推荐...

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

使用UML类图查看laravel结构，简直缩短了我看框架的时间啊，记录下，嘻嘻嘻 19 / 15 |

Visit：为人类制作网络请求的 CLI 工具（类 CURL） 11 / 1 |

使用 Laravel Resource 类时自定义分页信息 11 / 14 |

写一个简单的IoC容器案例，理解什么是依赖注入和控制反转 78 / 14 |

理解 shell 脚本中的常见用法: 2>&1 59 / 11 |

讨论数量: 0

发起讨论只看当前版本

暂无话题~