我正在将 Bootstrap 合并到我的页面中,但它改变了边缘脚本中的一些间距和导航菜单中的一些边框。我想“关闭”bootstrap css 样式是我的一些 div 标签。我怎样才能做到这一点?作为一个例子,我想阻止我的本地 bootstrap css 文件设置以下 #logo 标签的样式:
<head>
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<div id="logo">
<script type="text/javascript" charset="utf-8" src="logani_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-915774383 { visibility:hidden; }
</style>
<div id="Stage" class="EDGE-915774383"> </div>
</div>
</body>
最佳答案
你不能。 CSS 的作用是使适用于文档的所有样式表都适用于整个文档。 style
元素的起草的 scope
属性有一天可能会改变这一点,但即使有了它,您也可以将适用性限制为特定元素及其后代,而不是排除。
因此,如果您正在使用 Bootstrap CSS,则需要处理。您可以检查(使用浏览器开发人员工具)它如何影响特定元素,然后您可以根据需要使用在级联中“击败”它们的规则来覆盖这些设置。
关于css - 如何防止特定的CSS样式表对特定的html标签进行样式化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28002022/