在与班级的链接上进行悬停/聚焦/访问的正确方法？

Question

在具有类的链接上指定悬停/焦点/访问状态的正确方法是什么？

a:focus.class{}

要么

a.class:focus{}

两者似乎都有效,只是想知道哪种方式是正确的.

Answer 1

两者都是正确的，因为伪类可以出现在其中的任何位置。

来自 CSS2 规范：

伪类允许在选择器中的任何位置，而伪元素只能附加在选择器的最后一个简单选择器之后。

就我个人而言，我更喜欢第二个，主要是为了可读性，它可能会随着你的变化而改变，例如:hover，所以我更喜欢所有静态然后动态，而不是混合......我想这更有意义。