我有一个 drupal 8 站点。 我创建了一个子主题并更改了这个子主题的 css。 我的修改在 chrome 和 firefox 中显示和工作正常，但在 Internet Explorer 11 和 Edge 中它不起作用。 例如这个css代码：
a,
a:hover,
a:active,
a:visited {
color: #f4512c;
}
当我检查给定的元素时，我看到 style.css 的 css 属性被应用，但它们被scaffolding.less 覆盖。 怎么来的？
当我使用 !Important 时，它会被应用，但我宁愿不使用它 !Important...
【问题讨论】：
代码很好，应该可以在 IE11 和 Edge 上运行。
如果您之前使用 Edge 打开过页面，旧样式表可能仍会缓存在浏览器中。
为确保您不会获得缓存的内容，请执行以下操作： 在 Edge 按 F12 -> 转到网络选项卡 -> 选中“始终从服务器重新加载”（左侧第 4 个图标）-> 重新加载页面
您还可以在“元素”选项卡中检查，然后搜索样式表。您可以打开样式表 itelt 并查找您的新样式。这样您就可以查看是否正在加载正确的样式表。
编辑：
Bootstrap 的样式会覆盖代码，因为它使用了更具体的选择器。您可以将一个类添加到您的元素，并使用该选择器，或者像这样添加它：body a { ... } 以下是关于特异性的更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/specificity
【讨论】：
body a { ... } 以下是关于特异性的更多信息：link跨度>
!important。它会覆盖其他任何内容，只会在未来导致更多麻烦。