我经常看到这个按字母顺序排列的css选择器。为什么有人会用这样的选择器?它是从哪里来的?为什么我们不能用* selector
来选择全部?
----更新----
在看到2个答案之后,现在的问题变成了遗漏了什么元素,即什么元素不需要规范化?
谢谢。
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas,
caption,center, cite,code, dd, del, details, dfn, div, dl, dt, em,embed, fieldset, figcaption,
figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins,
kbd, label, legend, li, mark, menu, nav, object, ol, output, p,pre, q, ruby, s, samp,
section,small, span, strike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead,
time, tr, tt, u, ul, var, video {
margin:0;
padding:0;
border:0;
font: inherit;
...
}
最佳答案
这称为规范化,在不同的浏览器中,每个元素都有默认属性,规范化使浏览器更一致地呈现所有元素。
h1,h2,.....,a {
my rules;
}
例如,
h1...h5
元素有一些默认值。我们不希望这样做,所以请更改它。请参见以下示例:h1,h2 {
background-color: orange;
border: 1px solid;
}
.def {
margin: 0;
}
Default without change <b>margin</b>.<i>h1</i> and <i>h2</i> have margin as default:
<h1>Default H1</h1>
<h2>Default H2</h2>
Changed:
<h1 class="def">Default H1</h1>
<h2 class="def">Default H2</h2>
margin
选择器,选择所有内容,但必须选择需要更改其默认属性的元素。关于html - 这个按字母顺序排列的CSS选择器是什么意思?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50459321/