为什么使用“body h1”选择器而不是“h1”

Question

css选择器body h1的用途是什么，而不仅仅是h1？除h1内的其他任何地方都可以有body个标签吗？

Answer 1

body h1的{​​{3}}高于h1。

这是唯一的区别（至少在有效的html页面中）。

Answer 2

在实践中，除了您正在使用的选择器的特异性之外没有区别。

h1 {}将选择所有h1元素。

body h1仍然会选择所有h1元素，但只会选择body标记内的元素（当然，它们应始终是这些元素）。

如果您有h1 { color:red }和body h1 { color:blue }，那么较高的特异性blue将取代red。

当您处理嵌套的DOM元素时，这会更有用。例如。 ul li h1 { color:green }