Css 在类链接上悬停/聚焦/访问的正确方法？

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

a:focus.class{}

或

这两种方法似乎都有效，只是想知道哪种方法是正确的。

这两种方法都是正确的，因为伪类可以出现在其中的任何地方

:

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

---

就我个人而言，我更喜欢第二种，主要是为了可读性，它可能会随着你的移动而改变，例如：

：hover

，所以我更喜欢所有静态的，然后是动态的，而不是混合的…我想这更有意义。

我在

a.external:visited { color: blue }

---

像尼克一样，我更喜欢这种方式。

我想为了可读性，我会使用第二种方式。在维护过程中，首先声明伪类很容易丢失。

根据以下规则，两者都可以：

简单选择器可以是类型选择器或通用选择器，后面紧跟着零个或多个属性选择器、ID选择器或伪类（按任意顺序排列）

但是，伪元素（：after，：before）只允许在末尾使用

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

---

就我个人而言，我也会在最后保留伪类，因为我认为它提高了可读性。

我个人使用第二个，以下是我的看法：

你们会说，你们必须用语义学来思考这个问题

“当类的属性触发我想要发生的事件时。”

不是这个：

“当触发事件检查它是否属于类时，请执行。”

a.external:visited { color: blue }