所以我有一个关于 HTML 和 CSS 的新手问题。我刚刚开始使用 Twitter 的 Bootstrap 框架，并且在我的 index.html 文件的头部有这段代码:
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> <!-- Custom CSS Overwrite-->
<style type="text/css">
html{overflow-y:scroll;} <!-- Fixes "page shift" issue -->
</style>
bootstrap.css 文件这样定义:
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
我在 html 文件中声明的 CSS 是否会覆盖或附加 CSS 的 html{}？我希望它是追加的，因为覆盖可能会把事情搞砸。
我不只编辑 bootstrap.css 文件的原因是因为我读到不编辑 bootstrap.css 文件是一种很好的做法，这样 future 的升级就会尽可能顺利。
顺便说一句，如果有人想知道 overflow-y:scroll 是什么，因为它总是在您的浏览器中包含一个垂直滚动条，无论是否有可滚动的 Material 。修复了可怕的“页面移动”问题，这是迄今为止我能找到的最简单的解决方案。
最佳答案
它将追加它。 (除非 Bootstrap 更改了 html 元素的 overflow-y 属性。)
这几乎总是发生在 CSS 中。
所以这样:
.foo {
background-color: red;
}
.foo {
color: green;
}
等同于:
.foo {
background-color: red;
color: green;
}
它唯一不适用的情况是当您更改相同的值时，因为在 CSS 中，您不能在属性上有多个值。
我不知道 Bootstrap 是否有 overflow-y添加到 <html> 的属性元素。如果确实如此，您的页面转换问题 css 将覆盖它。如果没有，那么它将被“附加”到。
关于html - 在 HTML 文档中声明 CSS，追加还是覆盖？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11950725/