零基础建站培训介绍

当前位置:

什么是CSS伪类,常用CSS伪类有哪些

什么是CSS伪类

伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。

例如:CSS允许针对a标签的四个状态分别设置各自的CSS特性和样式,就叫做css伪类。CSS伪类在做网站时也经常用到。

1、普通的链接状态 a 或a:link
2、光标放上去的状态 a:hover
3、光标点击时的状态 a:active
4、点击后的状态 a:visited

伪类的注意事项:

a:active 一般不写

它们有顺序 LVHA

a :link一般写成 a 即可。

常用的CSS伪类有哪些?

  • :active 向被激活的元素添加样式。
  • :focus 向拥有键盘输入焦点的元素添加样式。
  • :hover 当鼠标悬浮在元素上方时,向元素添加样式。
  • :link 向未被访问的链接添加样式。
  • :visited 向已被访问的链接添加样式。
  • :first-child 向元素的第一个子元素添加样式。
  • :lang 向带有指定 lang 属性的元素添加样式

相关阅读:

使用CSS伪类:before, :after在网页插入内容

CSS3中UI元素状态伪类选择器详解

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注