CSS选择器不存在

是网站。在顶部栏中，名为header social的div正在应用css规则

#wrapper.header social*

，并显示它来自站点URL，而不是附加的任何css文件。我想从这条规则中删除重要的。有人知道吗？

CSS规则来自页面头部的代码块。从块的末尾开始是您看到的第二个标记

因为它在规则中有一个重要的词，所以如果要更改它，您应该使用javascript从javascript代码中更改规则

如果您可以添加JS，请告诉我，我将向您展示这段代码

[更新]

嘿

您必须将这段代码添加到CSS中：

#myHeader .header-social {
  background-color: #FF0000 !important;
  height: 50px
}

将这段代码添加到JS文件中

        var elements = document.getElementsByClassName('header-v2');
        for(var i = 0, length = elements.length; i < length; i++) {
            elements[i].id = 'myHeader';
        }

var elements=document.getElementsByClassName（'header-v2'）；
for（var i=0，length=elements.length；i

诀窍在于，我们添加了一个比另一个更具限制性/特定性的规则，因此尽管有一个“重要”字，但我们的规则获胜。为了创建更具体的规则，我们必须通过JS添加一个新的#id

我已经测试过了，它可以工作了。希望它能帮助你

---

Rafa

请在这里发布代码。一旦css规则被标记为“！重要”，你就不能再“不重要”它们了。充其量，您可以编写一个更具体的规则，并希望这个更具体的规则的“重要”覆盖原始的“重要”。您可以尝试动态修改css规则集：谢谢，Marc我想知道它是如何编写的（#wrapper.header social*），而它既不是默认的style.css，也不是我正在处理的custom.css。非常感谢Rafa。。。我可以添加JS代码。请粘贴在这里。我在头文件中找到了php语句，它现在负责这一切都好了。感谢拉法·罗梅罗。