两个连续调用的样式表的第二个可以覆盖在第一定义的所有样式？

Question

如果我有一个链接到被调用这样两个样式表HTML页面：

<link rel="stylesheet" href="original.css" media="screen, projection" />
<link rel="stylesheet" href="override.css" media="screen, projection" />

如果这两个文件定义了完全相同的样式名称，这是真的，original.css将对风格页的结果没有影响，所有的风格将来自于override.css定义的样式？

我想问的原因是这样的：我有，我不能修改original.css，我不想碰的代码，调用该文件中的行。相反，我想打电话插入到我的新文件中的原始调用之后，并覆盖在原来的定义一切。我不知道这是否会工作，不管是可取的，等等。

Answer 1

是的，它肯定可以的。这是层叠样式表的层叠位。

我要问，虽然，为什么你就不能删除original.css，还是不输出，或....什么？这似乎是一个非常大铁锤方法如果你确确实实输出original.css和override.css，浏览器将不得不做了很多更多的工作比如果你只是输出完全地覆盖在原来的一切:-) override.css。

Answer 2

是，将工作。你说得对，这不是真的不可取虽然。而不是“不接触”的代码，原线，可以插入它周围的注释标签？

Answer 3

这将覆盖所有这一切覆盖，但要补充的一切是不一样的，但不同的应用信息，以一类或ID或伪选择或什么的。我的意思是，IE：

original.css -

p { margin: 4px 6px 10px 12px; }
h1 { font-size: 2.2em }

override.css -

p { padding: 6px; color: #666666; }
h1 { font-size: 1.5em }

我说的是P在override.css补充，因为风格不冲突的对方。在另一方面中，H1的例子是确实覆盖并且在每个样式表中的两个规则是冲突的，因此最后声明获胜。

这是没有人能够想象的那样糟糕......我刚刚结束了几个月前在Moodle的一个网站，是样式和数据疯人院mebeded的等。模板中使用的样式表数据从默认模板，然后从PAGE模板，然后从课程。当我试图实现什么样的风格做了什么，我是如此强调没有找到正确的代码，以我自己的改变......我终于决定要附上我自己的样式与新的覆盖方式和新的可补的。这让我节省大约两个星期的设计师从未梦想 - 地狱 - 的代码挖掘。

希望这有助于你得到一个清晰的概念。

再见。

Answer 4

的这一需要一个很好的例子是SharePoint中。编辑任何主题，将离开你，你需要从core.css类重写改变一大堆。