html中的伪类

Question

我的 css 文件中目前有这样的内容：

a:active {
    color: purple;
}

p {
    color: pink;
}

现在我只想将它合并到 HTML 中。

p 很简单，我只要

<p style = "color: pink">Foo</p>

我的问题是如何将伪类合并到实际的 html 中

Answer 1

你不能。伪类的 CSS 可以使用 CSS 或 JavaScript 事件（单击、鼠标悬停等）分配，但不能直接使用 HTML。

但是，您可以使用 onmousedown="func()" 来执行此操作，并使用 func() 设置样式；将与使用 :active 伪类通过 CSS 设置相同）。