css - 什么是伪类,它们的用途是什么?

标签 css

我是新来的。我见过很多问题和他们的答案。但是自从我开了一个博客网站,我就有一个疑问。 我的问题是什么是伪类以及它们的用途是什么?

最佳答案

伪类是像 :active:hover 这样的东西,它们指的是一个 transient 。例如:

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

这样,div 元素通常会有黑色文本,但当您将鼠标悬停在它上面时,文本会变成蓝色。

悬停只是一个例子。伪类用于:

  • :hover - 悬停
  • :active - 页面上的事件元素
  • :focus - 具有焦点的元素
  • :link:visited - 对于链接,您可以将访问过的链接与未访问过的链接设置不同的样式
  • :checked, :disabled - 用于基于状态的样式表单控件
  • 一堆结构化的,比如 :first-child, :last-child, :nth-child 表示元素在其 parent 的 child 名单
  • ...和其他各种

关于他们的更多信息 in the CSS selectors specificationon MDN .

关于css - 什么是伪类,它们的用途是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45729297/

相关文章:

css - Gulp Autoprefixer 不工作

css 2 列,动态内容。仅在右列滚动而不超过窗口宽度

jquery - 从不是jQuery中祖 parent 的前两个 child 的 parent 中选择不是h3的 child 节点

javascript - 使用 DOM 在子字符串上应用 CSS

html - 如何修复引导下拉菜单问题

css - 学习 CSS div 放置,定位

jQuery + Fluid Images Chrome Bug

javascript - 科学记数法在表格中显示为小数

javascript - 使用自定义复选框,在其更改的事件上调用函数

html - 条件 CSS 无法正常工作?