html - 类覆盖 Main 标签

Question

我的 css 第 69 行有以下代码

.container {width:1000px;margin:0 auto;padding:0 10px;}

以及第 119 行的以下内容

main {margin:20px auto;}

但是我的 html 中的元素是 <main class="container"></main> , .container 上的边距正在覆盖 main 上的边距, 即使 main在它之后加载在 css 中。谁能告诉我这是为什么？？？

Answer 1

类选择器(如 .foo)比类型选择器(如 bar)更具体。特异性用于确定应用规则的顺序。源代码顺序是决胜条件。

参见 the specificity rules in the CSS 2.1 specification了解更多详情。