Drupal 8 子主题 css 在 Edge 中不工作

Question

我有一个 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...

Answer 1

代码很好，应该可以在 IE11 和 Edge 上运行。

如果您之前使用 Edge 打开过页面，旧样式表可能仍会缓存在浏览器中。

为确保您不会获取缓存内容，请执行以下操作：在 Edge 中按 F12 -> 转到网络选项卡 -> 检查 "always reload from server"（左侧第 4 个图标） -> 重新加载页面

您还可以在 "elements" 选项卡中检查，并搜索样式表。您可以打开样式表本身并查找您的新样式。这样您就可以查看是否加载了正确的样式表。

编辑：

Bootstrap 中的样式覆盖了代码，因为它使用了更具体的选择器。您可以向您的元素添加一个 class，并使用该选择器，或者像这样在其前面添加：body a { ... } 下面是关于特异性的更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/specificity

Drupal 8 子主题 css 在 Edge 中不工作

Drupal 8 Subtheme css not working in Edge

css

drupal

drupal-8