类型 | CSS-Tricks

类型选择器（有时称为元素类型选择器）匹配具有相应元素节点名称的元素，例如 <p>, <span> 和 <div> 标签。类型选择器通常用于对网站样式进行“粗略”更改。

p { /* "p" is the type selector */
  margin: 0 0 1em 0;
}

通常，类型选择器被设置为默认值，例如在 CSS 重置中，其目的是覆盖浏览器默认值。来自流行的 CSS 重置 normalize.css 的第一行的示例

article, aside, details, figcaption, figure, footer, header, 
main, nav, section, summary {
    display: block;
}

上面的类型选择器将这些标签的 display 属性设置为 block，因此只要在整个网站中使用这些标签，它们就会显示为 block，除非被更具体的样式覆盖。

通常，单独使用类型选择器应用精细的细节更改被认为是不好的做法。例如，将“color: white”属性完全应用于所有 <div> 标签在任何网站上都不会有什么用。这是因为 <div> 标签是通用的，并且在整个网站中用于各种目的。

但是，使用 body { } 等类型选择器，设置默认的 font-size 和 line-height 很常见。这是因为任何给定页面上只能有一个 <body> 标签，所以发生冲突的机会更少。

类型选择器位于特异性级联的最低级别（通常写为 0, 0, 0, 1），这意味着几乎任何东西都会覆盖通过类型选择器单独应用的样式，并且在 CSS 中向类或 ID 添加类型选择器只会提供很少的额外特异性。

类型选择器在 CSS 效率等级上也比类和 ID 排名更低。因此，在技术上，使用类或 ID 比使用更通用的类型选择器是更好的性能选择（尽管实际速度差异通常可以忽略不计）。

Chrome	Safari	Firefox	Opera	IE	Android	iOS
任何	任何	任何	任何	任何	任何	任何