为什么这个通用选择器属性不会被覆盖

Question

假设我有一些 HTML 表格并应用它：

* { font-family: Verdana }
table { font-family: Arial }

字体系列仍然是 Verdana，尽管我明确告诉它要将其更改为 Arial。如果我添加另一个属性，比如background-color: blue，那么就会应用该样式。我认为这里的继承发生了一些事情，我不明白。我知道星号选择所有元素，但table 也将样式应用于其子元素，其优先级应高于星号。

Answer 1

* 规则也适用于 TD、TR、TBODY、THEAD、TFOOT 和 TH，因为您覆盖了默认值 inherit。

我建议在html 或body 元素上设置字体，而不是使用*。

您还可以将td 添加到table 规则中。