伪类选择器 | 学习笔记

简介: 快速学习伪类选择器。

开发者学堂课程【CSS 快速掌握:伪类选择器】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/611/detail/9177


伪类选择器


内容介绍

一、伪类选择器

 

一、伪类选择器

1.什么是伪类选择器?

伪类选择器是用来给超级链接的不同状态来设置样式。

n  正常状态       超级链接没有被访问 :link

n  访问过后状态   超级链接已经被访问 :visited.

n  鼠标放上状态   鼠标放在超级链接上面,但是并没有将鼠标的左键按下去 :hover

n  激活状态       鼠标左键已经按下去了,但是并没有将鼠标的左键弹出:active伪类选择器都是带有冒号“:”

选择器

含义

clink

向未被访问的链接添加样式。

visited

向已被访问的链接添加样式。

:hover

当鼠标悬浮在元素上方时,向元素添加样式。

:active

鼠标放在元素上面时,点击的一瞬间

link 正常状态该超级链接还没有被访问

visited 访问过后状态该超级链接已经被访问了

hover 鼠标放上状态鼠标放上该超级链接的上面,但是并没有按鼠标的左键

active 激活状态鼠标左键按下去了,但是没有将鼠标左键松开

注意:超级链接的不同状态它其实是有顺序。也就是说伪类选择器设置其实是有顺序。

如果不按照伪类选择器的顺序,那么样式就会失效。

顺序:要遵守爱恨准则要先有爱,才有恨。“Love Hate”

相关文章
|
机器学习/深度学习 人工智能 安全
【AI 现况分析】AI 在社交媒体中应用分析
【1月更文挑战第27天】【AI 现况分析】AI 在社交媒体中应用分析
|
6月前
|
前端开发 容器
|
11月前
|
测试技术 API
在性能测试中,怎样设置合理的迭代次数?
在性能测试中,迭代次数的合理设置至关重要,它直接影响到测试结果的准确性和可靠性。
592 57
|
11月前
|
敏捷开发 数据可视化 项目管理
2024年最强的5大需求管理工具有哪些?如何选择最适合的需求管理软件?
随着项目管理和产品开发复杂性的增加,需求管理成为团队成功的关键。本文推荐5款需求管理工具:板栗看板、ProdPad、Craft.io、Airfocus和Targetprocess,分别适用于任务分配、产品规划、需求捕捉、优先级管理和敏捷开发等场景,帮助团队提高协作效率和交付质量。
 2024年最强的5大需求管理工具有哪些?如何选择最适合的需求管理软件?
|
机器学习/深度学习 人工智能 开发者
PAI-DSW快速启动AI绘画Stable Diffusion WebUI
在本教程中,您将学习如何在阿里云交互式建模(PAI-DSW)中,基于Stable-Diffusion-WebUI快速启动Stable Diffusion WebUI,实现SD模型的推理。
|
存储 安全 区块链
【Web3】今天终于明白什么是 NFT 了
【Web3】今天终于明白什么是 NFT 了
786 0
|
数据库 Windows
Axure实战01:快速了解Axure9.0
Axure实战01:快速了解Axure9.0
737 0
Axure实战01:快速了解Axure9.0
|
开发工具 git Python
Sentry 开源版与商业 SaaS 版的区别
Sentry 开源版与商业 SaaS 版的区别
654 0
|
人工智能 自动驾驶 物联网
高通下一代旗舰骁龙865正式发布:外挂「真5G」,小米10将首发
今日凌晨,高通发布骁龙 865 旗舰芯片,通过外挂二代 5G 模组的方式支持 5G,同时率先支持了毫米波通信方式。与此同时,高通还发布了中高端芯片骁龙 765 系列,后者内置 5G 基带。
543 0
高通下一代旗舰骁龙865正式发布:外挂「真5G」,小米10将首发