gpt4 book ai didi

css - HTML - 优先使用 CSS 样式

转载 作者:太空宇宙 更新时间:2023-11-03 20:31:36 25 4
gpt4 key购买 nike

我有一个加载两个样式表的 HTML:

  1. Bootstrap 样式 (bootstrap.css)
  2. 自定义应用样式(site.css)

我在 bootstrap.css 中有以下代码

.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}

我需要在我的 site.css 中插入什么,所以我优先使用 site.css 样式而不修改 bootstrap.css:

.modal-open .modal {
overflow-x: hidden;
overflow-y: scroll;
background-color: #D5D5D5
}

最佳答案

而不是添加 !important ,您可以在 <head> 中的 Bootstrap 样式表之后添加自定义样式表。您网站的部分:

<link href="bootstrap.css" rel="stylesheet">
<link href="site.css" rel="stylesheet">

这样,对于任何重复的 CSS 选择器/属性,site.css将覆盖 bootstrap.css

关于css - HTML - 优先使用 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40965901/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com