与 a.selected 效果相同的 css 命令，但对于

Question

我希望我的 p 在我点击它时立即改变颜色，并在我点击另一个 p 时立即恢复原来的颜色。不知何故，它是为 a href 列表完成的，您可以在其中使用命令 a.selected。

对于 p 这可能吗？以及如何？

谢谢。

Answer 1

通常，p 元素是不可选择的，但在现代浏览器中，通过 HTML5 CR，您可以通过分配正数 tabindex 使其可选择对它的值(value)。然后点击这样一个元素就会设置焦点，它会匹配:focus。伪类。示例:

<style>
p:focus { color: red; outline: none }
</style>
<p tabindex=10>Hello world!
<p tabindex=20>Hi again.
<p tabindex=30>The end.

包含了 outline: none 声明，因为没有它，浏览器将在元素周围绘制某种焦点矩形。当然如果你想要那个矩形(在不同的浏览器中是不同的)，省略这个声明或者修改它。