Question

在我的布局页面上，在<head>中，我有以下样式：

<link rel="stylesheet" href="/dist/vendor.css">
<style>
    .bg-dark {
        background-color: #240000; 
    }
</style>

我已将链接添加到我的布局页面。 style块由Angular＆amp; amp;动态添加。的WebPack。根据我对CSS的了解，最后一个.bg-dark类应该胜过`vendor.css中声明的任何.bg-dark类。但我看到以下内容：

这是由Angular的神奇预渲染引起的吗？有什么方法可以阻止这种情况吗？

Answer 1

vendor.css中的WaveFile.CreateWaveFile16属性具有background-color标志，该标志提升其优先级：

!important

要覆盖该设置，您应在布局页面CSS中设置background-color: #222222 !important;标志：

!important

或删除vendor.css中的那个标志，如果可以的话。