当前位置：知了堂 > 技术干货新 > css伪类是什么意思？前端css中有哪些常用的伪类

css伪类是什么意思？前端css中有哪些常用的伪类

来源: 知了汇智 发布: 知了姐 发布时间: 2021-09-18

学前端CSS层叠样式表是前端道路上必不可少的一步。CSS中有一个名词叫做伪类，那么CSS伪类是什么意思呢？前端CSS中有哪些常用的伪类呢？
Css伪类是什么意思呢？
伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。
例如：CSS允许针对a标签的四个状态分别设置各自的CSS特性和样式，就叫做css伪类。CSS伪类在做网站时也经常用到。

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

CSS2的伪类大汇总：
E:link动态伪类选择器，用于设置未访问的连接
E:visited动态伪类选择器，用于设置已访问过的连接
E:hover动态伪类选择器，用于设置鼠标移到标签上的效果
E:active动态伪类选择器，用于设置鼠标点到连接上的效果
E:focus焦点伪类选择器，用于设置输入框获取到焦点时的效果
E:lang(zh-cn) 语言伪类选择器，用于选择设置了对应语言的标签
E:first-child 结构伪类选择器，用于选择第一个子元素
CSS3的伪类大汇总：
E:last-child 结构伪类选择器，用于选择最后一个子元素
E:only-child 结构伪类选择器，用于选择仅有的一个子元素
E:nth-child(n) 结构伪类选择器，用于选择指定位置的某个元素
E:nth-last-child(n) 结构伪类选择器，用于选择倒数指定位置的某个元素
E:first-of-type选择同类型中的第一个同级兄弟元素E
E:last-of-type选择同类型中的最后一个同级兄弟元素E
E:only-of-type选择同类型中的唯一的一个同级兄弟元素E
E:nth-of-type(n)选择同类型中的第n个同级兄弟元素E
E:nth-last-of-type(n)选择同类型中的倒数第n个同级兄弟元素E
E:empty选择没有任何子元素的元素E
E:checked用于设置单选与复选框的选中项样式
E:enabled用于设置可用的输入框的样式
E:disabled用于设置禁用的输入框的样式
E:target目标伪类选择器，用于设置当前锚点匹配的目标样式
E:not(s)否定伪类选择器，用于否定某个选择器
E:root 用于选择文档的根元素，html文档根元素永远是<html>标签

css伪类是什么意思？前端css中有哪些常用的伪类？想学前端，关注成都知了堂前端培训，不仅有免费前端视频课程讲解，不定期还有直播，与老师在线沟通。

注：本文部分内容以及图片来源于网络，如网站发布的有关的信息侵犯到您的权益，请及时与我们取得联系删除

上一篇：jquery是前端还是后端？前端常用的jQuery插件整理下一篇：前端css怎么用？HTML中四种引入CSS的样式

css伪类是什么意思？前端css中有哪些常用的伪类

Java开发

网络安全培训

鸿蒙认证

常见问题