Drupal 8 Subtheme css无法在Edge中工作

时间:2018-04-27 11:01:03

标签: css drupal drupal-8

我有一个drupal 8网站。 我创造了一个副主题,并改变了这个副主题的CSS。 我的修改在chrome和firefox中显示并正常工作,但在Internet Explorer 11和Edge中它不起作用。 例如这个css代码:

a,
a:hover,
a:active,
a:visited {
    color: #f4512c;
}

当我检查给定元素时,我看到应用了style.css的css属性,但是它们被scaffolding.less覆盖了。 怎么来的?

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

1 个答案:

答案 0 :(得分:1)

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

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

要确保您没有缓存内容,请执行以下操作: 在Edge press F12中 - >转到网络标签 - >选中“始终从服务器重新加载”(左侧第4个图标) - >重新加载页面

您还可以在“元素”标签中检查,然后搜索样式表。您可以打开样式表itselt并查找新样式。这样,您可以看到是否正在加载正确的样式表。

编辑:

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