且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

伪类选择器 | 学习笔记

更新时间:2022-09-06 18:41:21

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

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


伪类选择器


内容介绍

一、伪类选择器

 

一、伪类选择器

1.什么是伪类选择器?

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

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

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

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

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

选择器

含义

clink

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

visited

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

:hover

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

:active

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

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

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

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

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

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

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

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