0

所以我有一个关于 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 是否覆盖或附加html{}CSS?我希望它是附加的,因为覆盖可能会把事情搞砸。

我不只是编辑 bootstrap.css 文件的原因是因为我阅读了不编辑 bootstrap.css 文件的好习惯,以便将来的升级尽可能顺利。

顺便说一句,如果有人想知道overflow-y:scroll在您的浏览器中始终包含一个垂直滚动条是什么,无论是否有可滚动的材料。修复了可怕的“页面移位”问题,这是迄今为止我能找到的最简单的解决方案。

4

1 回答 1

2

它将附加它。(除非 Bootstrap 改变overflow-y了 html 元素的属性。)

这几乎总是发生在 CSS 中。

所以这:

.foo {
    background-color: red;
}
.foo {
    color: green;
}

是相同的:

.foo {
    background-color: red;
    color: green;
}

唯一不适用的情况是当您更改相同的值时,因为在 CSS 中,属性不能有多个值。


我不知道 Bootstrap 是否在元素overflow-y上添加了属性。<html>如果确实如此,您的页面移位问题 css 将覆盖它。如果没有,那么它将被“附加”在上面。

于 2012-08-14T10:56:17.493 回答