被CSS伪类迷惑：活动

我在看CSS：活动选择器

：活动选择器样式链接到 活动页

这让我想到，HTML/CSS术语中的“活动页面”到底是什么

此时，我转到了5.11.3节：动态伪类：：hover、：active和：focus

：活动伪类在 一个元素正在被激活 用户。例如，在时间之间 用户按下鼠标按钮，然后 释放它

因此，我使用了其中的一个，并结合一个示例，替换了下面的代码，您可以直接剪切粘贴并尝试

：焦点，：活动
{
轮廓偏移：10px；
轮廓：立体；
}
单击链接以查看背景颜色变为黄色：

点击我！

表单字段用于：焦点。但按钮或链接不适用于：活动

为什么呢？关于“活动页面”有什么我不理解的地方吗

我在谷歌搜索时看到了这一点，但我认为这与此无关。

CSS中没有“活动页面”的概念。事实上，政府对此进行了反驳，说：

伪类并不表示指向活动或当前页面的链接，这是CSS初学者的常见误解

规范所说的是正确的：

：active

只是对激活的元素进行样式设置，例如单击（如给定示例中所示）或以其他方式触发，以便浏览器开始导航到链接的目标

注意，它不仅仅适用于

元素；它可以应用于单击的任何非表单输入元素。例如，您可以执行以下操作：

p:active {
    color: red;
}

你点击的任何段落都会闪烁红色文本

---

但是请注意，确切的定义和实现取决于浏览器，但一般来说，您可以依赖具有激活状态的

元素。

：active

是当鼠标按住某个元素（

a

或按钮）时赋予该元素的样式。当你点击一个样式化的按钮时，你可能会在一些网站上看到它；当您实际单击按钮时，它可能会更改。这是

：active

伪类。

我一直使用

：active

作为链接。在浏览器将您带到刚才单击的页面之前的一瞬间，文本将更改为您在

a:active{…}

中调用的颜色

例如：

a:active { color:pink; font-weight:bold; }

---

大多数浏览器都支持它，但它真的不值得你花时间去设计它。回到56k拨号上网的时代，能够直观地显示用户点击的链接正在加载是件好事。

我已经理解了这一点。正是w3schools提出的误导性活动页面的东西让我大吃一惊。以上内容已由@zzzBov和@BoltClock涵盖