gpt4 book ai didi

html - 在 HTML 文档中声明 CSS,追加还是覆盖?

转载 作者:太空宇宙 更新时间:2023-11-04 04:58:30 27 4
gpt4 key购买 nike

所以我有一个关于 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/

27 4 0
文章推荐: css -
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com