質問

Are there any drawbacks of applying global styles to all elements?

*{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
役に立ちましたか?

解決

* is so-called 'heavy' selector. But unfortunately there is no* other way to apply border-box model to all elements in a couple lines of code. Talking about padding/margin and list-style reset - better use some common techniques from www.cssreset.com/

*Border-box can be applied here, in Eric Meyer's 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;
}
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top