html规则应该是css文档中的第一条规则吗？

Question

我总是在我的*{ }规则之前添加了我的通配符规则html{ } ，但我看到有些人将html放在通配符之前，所以我很好奇什么是最佳实践。

Answer 1

*{}是最低级别的元素选择器，因此您应该将其放在样式表的顶部，以便在不使用!important的情况下覆盖其他其他css规则。

例如：

*{
  color: blue;
}
div{
  color: red;/*overridden color*/
}

由于*{}和html{}元素选择器都是最低级别的选择器，因此您可以将它们按任意顺序放在样式表的顶部。但我更倾向于使用*{}作为第一规则，因为它表示所有元素选择器。

Answer 2

在通配符之后使用html规则是正确的方法，因为规则是自上而下读取的。另一种方法会覆盖你的html规则。

*{ font-family: Sergio Ui;}
html{ font-family: Tahoma;}

用这个html获取Tahoma字体。

html{ font-family: Tahoma;}
*{font-family: Sergio Ui;}

这个html获得Sergio Ui字体。