如何将相同的字体应用于页面上的所有内容？

Question

假设我想在HTML标题中指定Arial - 我希望它适用于所有内容。

我是否必须明确列出每种元素类型？或者我可以用一个声明来设置它们吗？

Answer 1

您可以使用适用于所有内容的*选择器：

<style>
* {
    font-family: Arial;
}
</style>

请注意，这可能会因你的目的而过度 - 由于CSS的性质，在父元素上设置的样式通常由子元素继承，因此，通常在body上设置字体样式就足够了要应用于整个页面的元素。

body {
    font-family: Arial;
}

Answer 2

不，通常在body上指定它就足够了。这就是CSS中的C所用的：级联。这意味着元素继承其父元素的属性。因此body下的任何内容（应该是所有内容）都会自动继承字体。

body { font: 12px Helvetica, Arial, sans-serif; }

Answer 3

我更喜欢

body {
   font-family: Arial;
}

让它级联下来。这样做的好处是不会在树下面进一步显示字体选择。如果你想踩踏，请在其他答案中使用*表格