html中什么是伪类

伪类是动态样式，像hover变色、点击下压用:hover和:active。
用户点击后未松开，用:active。
鼠标悬停变色，用:hover。
表单验证对错，用:valid和:invalid。
表单框选中，用:checked。
表单框禁用，用:disabled。
按钮首尾特殊样式，用:first-child和:last-child。
项目数字偶数用:2 n。
没有子元素用:empty。
伪类优先级低，可能被覆盖。
有些伪类样式有限制，比如visited。
伪类用得好，体验好，别设计过度。
你自己掂量。

伪类选择器

伪类选择器：冒号开头。
nth-of-type：选父级特定类型子元素。
语法：element:nth-of-type(an+b)。
例子：div p:nth-of-type(2 )选div里第二个p。
例子：div:nth-of-type(odd)选父级奇数位div。

nth-child：选父级所有子元素。
语法：element:nth-child(an+b)。
例子：div:nth-child(2 )选父级第二个div。
例子：li:nth-child(3 n)选父级第3 、6 、9 ...li。

not：排除元素。
语法：element:not(selector)。
例子：div:not(.exclude)选无exclude类的div。
例子：p:not(:first-child)选非父级第一个子p。

实际用：组合实现复杂逻辑。
提高CSS效率。

CSS伪类选择器与伪元素选择器的用法及区别

哎，说起CSS的伪类和伪元素选择器，这可是我混迹问答论坛行业多年，经常被新手问到的点。

说实话，一开始我自己也没想明白这两者之间的区别。
但时间久了，慢慢就摸出了一些门道。

先来说说伪类选择器吧。
这玩意儿主要是针对那些不能直接用普通选择器选择的元素，比如链接的不同状态、用户交互的状态，或者是表单元素的特殊状态。
记得有一次，我帮一个朋友做网站，他想要点击链接后高亮显示，我就用了:hover伪类选择器。
语法很简单，就是:hover，然后是花括号里面的样式。
这样，鼠标悬停在上面的链接就会变成红色，挺实用。

再来说伪元素选择器。
这东西就更有意思了。
它不是针对现有的元素，而是用来创建一些虚拟的元素，对元素的非实际部分进行样式设置。
比如，我想在段落前面加一个图标，就可以用::before伪元素。
这种用法在做一些特殊效果的时候特别有用。

两者最大的区别在于，伪类选择器是针对元素的状态或位置，不会改变DOM结构。
而伪元素选择器则是创建虚拟元素，对不存在的元素进行样式设置。

以前CSS2 的时候，伪类和伪元素都统一用单冒号。
但到了CSS2 .1 以后，为了区分，伪类还是用单冒号，伪元素则用双冒号。
不过，为了兼容旧浏览器，现在双冒号的伪元素写法也被广泛接受。

总的来说，掌握伪类和伪元素的区别，能让我们在CSS样式设置上更加得心应手。
当然，这只是一个大概的介绍，具体用法还得根据实际情况来定。
这块我没亲自跑过，数据我记得是X左右，但建议你核实一下。