css - 在 * 上应用 "reset"样式

This question already has answers here:

Use of * selector in style sheet to reset styles

(3 个回答)


7年前关闭。




将全局样式应用于所有元素有什么缺点吗？

*{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

最佳答案

* 是所谓的“重”选择器。但不幸的是，没有*其他方法可以在几行代码中将边框模型应用于所有元素。
谈论填充/边距和列表样式重置 - 更好地使用 www.cssreset.com/ 中的一些常用技术

*Eric Meyer 的 Reset CSS v2.0 中的边界框可以在这里应用

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

关于css - 在 * 上应用 "reset"样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21188881/