Question

有一些关于在互联网上编写更好的CSS的技巧，例如按字母顺序排序属性，但没有人提到伪类的最佳实践，例如。

nav ul {
  /*main styles*/
}
nav ul:hover li.selected {
  background-color: transparent;
}
nav ul li {
  /*main styles*/
}
nav ul li:hover {
  background: #ffaacc;
}

你可能认为它根本没有必要（实际上它不是在上面的代码中），但是我发现有一个特定的方法很重要，当你有一个包含更多的CSS文件时，这很重要超过1000行并考虑所有主要的CSS伪类（如:link :hover :active :focus :blur :visited等）

我应该把伪类放在哪里？

我应该将它们放在一个单独的位置（文件末尾甚至是另一个特定文件）吗？

我应该把它们放在默认选择器旁边吗？

Answer 1

它们应该低于其默认选择器，以便将来可以轻松找到正在编辑它的人。

Answer 2

根据需要在元素默认选择器后直接包含它们。我通常从用户交互的角度对伪类进行排序，有人在它们激活之前将其悬停在链接上，因此按顺序排序等等。

例如链接css：

元素CSS
Set<String> myStrings = new TreeSet<>((o1, o2) -> o1.compareTo(o2));
:link（向前移动以便:visited和:hover可以覆盖它）
:active
:hover

在哪里放CSS伪类？

2 个答案: