Drupal 8 Subtheme 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覆盖..怎么来的？

当我使用时！重要的是应用它，但我宁愿不使用它！重要的......

Answer 1

代码很好，应该适用于IE11和Edge。

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

要确保您没有缓存内容，请执行以下操作：在边缘按F12 - >转到网络选项卡 - >选中“始终从服务器重新加载”（左侧第4个图标） - >重新加载页面

您还可以在“元素”选项卡中检查，并搜索样式表。您可以打开样式表itselt并查找新样式。这样，您可以查看是否正在加载正确的样式表。

编辑：

Bootstrap的样式覆盖了代码，因为它使用了更具体的选择器。你可以在你的元素中添加一个类，并使用那个选择器，或者像这样添加它：body a { ... }这里有更多关于特异性：https://developer.mozilla.org/en-US/docs/Web/CSS/specificity