Question

之间有什么区别

body{
  background: #4b4b4b;
}

和

*{
    background: #4b4b4b;
 }

哪个优先级更高？

Answer 1

body选择正文元素，*选择所有元素。

在这两者中，body具有更高的优先级。

Answer 2

有什么区别？

body是元素选择器（选择元素body），而*是通用选择器（选择所有元素）。

具有更高的特异性（适当的优先条款）？

计算选择器的特异性时（将其视为二进制数）：

因此body的特异性为0001，*的特异性为0000。 body获胜。

Answer 3

某些HTML元素具有默认背景颜色，例如<input>，<select>等。使用*也会影响它们，而不仅仅是<body>和所有有透明背景的孩子。

Answer 4

body选择器具有更高的优先级，但*选择器适用范围更广，因此在<body>foo<p>bar</p></body> body选择器将确定文本的背景{{1但是foo选择器将确定*元素的背景。

另请注意，许多浏览器会在<p>周围创建一个包含其边距和滚动条的元素，因此<body>选择器也可以确定该区域的颜色。

Answer 5