css中什么是伪类和伪元素？？通俗点

Answer 1

比如鼠标移到链接上，链接变色的效果
a:hover {color: #FF00FF} 这就是伪类。

不专业的说带冒号的就是伪类或者伪元素了。作用就是提供一些特定的效果，比如未访问过的链接link，已访问过的链接visited这些。
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
first-line这个就是伪元素
这个是特定的首行效果，还有特定的首字母效果first-letter
伪元素的作用就是为你提供一些方便，如果有3行字，第一行要有不一样的效果，那么如果没有伪元素，你需要自己创建一个容器，<p><div class=“first”>第一行</div>第二行第三行</p>之类的，有了伪元素就不用了。直接是<p>第一行第二行第三行</p>，然后定义p:first-line就可以了。

如果想要区分伪类和伪元素，那么就根据他的作用来判断。

Answer 2

我是初学者，还望指教：
所谓伪类就是根据一定的特征对元素进行分类，而不是根据内容、名称、属性。原则上特征是不能根据HTML文档的结构（dom）得到的。在直观上分析伪类是一种动态，当用户与HTML文档进行交互时，一个元素 失去或获得一种特征的特定状态属性称之为伪类，因为他的状态并不是固定的。
如鼠标经过、离开《a》元素的超链接时，发生的几种状态。

Answer 3

那个推荐答案说的真虎，我说说吧，伪元素可以独自使用，伪类不可以，CSS3中规定伪元素用双冒号表示，伪类用单冒号表示。。。。。。。。伪类就是方便。。伪元素也很多，可以设置滚动条样式，可以设置类里面的首字的样式等，而伪类。。。。。。 没了。。。。。。。。。。

Answer 4

我的理解是：

这是伪类的用法：
a:link {color: #FF0000} /* 未被访问的链接 红色 */
a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */
a:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */

设置的颜色就是伪元素，不知道你理解么？

希望帮到你

Answer 5

我就告诉你一个通俗的。
前面带:的就是伪类。
例如：hove，link等。