Question

我正在为wordpress构建自定义主题，并在默认的2010 style.css文件中看到了这一点：

#wrapper {
  margin: 0 auto;
  width: 940px;
}
#wrapper {
  background: pink;
  margin-top: 20px;
  padding: 0 20px;
}

现在这是默认代码（pink除外）。当我试图崩溃它，这似乎是合乎逻辑的，它会产生很大的不同。

我无法弄清楚为什么你要两次声明相同的元素？我以前从未见过......

WR！

Answer 1

当您想要在多个元素上应用共享属性时，它非常有用。另一个有用的应用是从多个来源添加样式表
例如：

#head, #foot {
    height: 100px;
}
#foot { /*Another foot*/
    color: red;
}

第二个例子：来自多个来源的CSS：

/* External stylesheet: common.css */
body {
    background: yellow;
}
/* Inline stylesheet, overrides external stylehseet */
body {
    background: pink;
}

当两个属性具有相同的特异性时，将应用最后声明的属性。

Answer 2

它只是覆盖以前声明的属性。

wrapper现在将margin:20px auto 0 auto（右上角左下角）。

CSS：双重声明有什么作用？

2 个答案: