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

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

知了小姐姐2021-09-17804

学前端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中有哪些常用的伪类？想学前端，关注成都知了堂前端培训，不仅有免费前端视频课程讲解，不定期还有直播，与老师在线沟通。

前端css框架有哪些？常见的css框架必备

怎么制作一个网站？新手快速建站的全套流程

女生学计算机可以从事什么职业？网络安全行业等你来挑战！

探秘人工智能AIGC，汇智知了堂19.9元课程助你掌握未来技能！

以赛促学｜知了汇智“知了杯”网络安全趣味赛在西科大圆满落幕

网络安全新突破：知了汇智成为奇安信金牌代理商，引领行业新潮流

网络安全工作内容是什么？看看月入1w+网络安全每天都在干些什么？

网络安全必备：网安必考证书，你get了吗？

汇智知了堂网络安全75班晨会揭秘：NAS应用助力网络安全新飞跃

汇智知了堂直播预告：信创时代，技术引领未来

技术支持适合女生吗：女生也能撑起半边天

技术支持是什么：你身边的网络安全守护者

培训费用
上课方式
开班时间
就业情况