我有一个drupal 8网站。 我创造了一个副主题,并改变了这个副主题的CSS。 我的修改在chrome和firefox中显示并正常工作,但在Internet Explorer 11和Edge中它不起作用。 例如这个css代码:
a,
a:hover,
a:active,
a:visited {
color: #f4512c;
}
当我检查给定元素时,我看到应用了style.css的css属性,但是它们被scaffolding.less覆盖了。 怎么来的?
当我使用时!重要的是应用它,但我宁愿不使用它!重要的......
答案 0 :(得分:1)
代码很好,应该适用于IE11和Edge。
如果您之前使用Edge打开过页面,旧的样式表可能仍会在浏览器中缓存。
要确保您没有缓存内容,请执行以下操作: 在Edge press F12中 - >转到网络标签 - >选中“始终从服务器重新加载”(左侧第4个图标) - >重新加载页面
您还可以在“元素”标签中检查,然后搜索样式表。您可以打开样式表itselt并查找新样式。这样,您可以看到是否正在加载正确的样式表。
编辑:
Bootstrap的样式覆盖了代码,因为它使用了更具体的选择器。你可以在你的元素中添加一个类,并使用那个选择器,或者像下面这样添加它:body a { ... }
这里有更多关于特异性:https://developer.mozilla.org/en-US/docs/Web/CSS/specificity