如何解决以下代码中的颜色更改

Question

我正在尝试通过网页上的CSS更改div class bwg_back_0中的颜色。

我正在尝试这样的事情来解决它：

#bwg_container1_0 {
    color: #5fa5aa !important;
}

或

#bwg_container2_0 .bwg_back_0 {
    color: #5fa5aa !important;
}

这个css有什么问题？

Answer 1

看起来你在索引行有另一个样式块：2421覆盖了你的css。

您可以尝试以下具有较高优先级的浏览器（在这种情况下使用额外的修饰符div）

#bwg_container2_0 div.bwg_back_0 {
    color: #5fa5aa !important;
}

详细了解：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Answer 2

试试这种方式

#bwg_container1_0 #bwg_container2_0 .bwg_back_0 {
        color: #5fa5aa !important;
    }

Answer 3

哇噢!!我明白了：D

div#bwg_container1_0 #bwg_container2_0 .bwg_back_0 {
        color: #5fa5aa !important;
    }

我在开始时只添加div。它优先考虑这个CSS。此链接的Thx：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity：）