开发者学堂课程【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”