什么是伪类，它们用于什么？

Question

我在这里很新。我见过很多问题和答案。但自从我开设博客网站以来，我有一个问题。 我的问题是什么是伪类以及它们用于什么？

Answer 1

伪类是:active和:hover之类的东西，它们指的是瞬态。例如：

div {
    color: black;
}
div:hover {
    color: blue;
}

这样，div元素通常会有黑色文本，但是当鼠标悬停在它上面时会显示蓝色文本。

悬停只是一个例子。有伪类：

• :hover - 悬停
• :active - 网页上的有效元素
• :focus - 有焦点的元素
• :link和:visited - 对于链接，您可以将访问过的内容与未访问的样式区分开来
• :checked，:disabled - 用于基于州
设置表单控件的样式
• 一系列结构性内容，例如:first-child，:last-child，:nth-child，用于元素在其父级子列表中的位置
• ......以及其他各种

有关他们的更多信息in the CSS selectors specification和on MDN。