CSS选择器不存在

Question

http://comtest.pointstarter.info/是该网站。在顶部栏中，名为header-social的div正在应用css规则#wrapper .header-social *并显示它来自站点URL而不是附加的任何Css文件。我想删除此规则中的重要内容。有人有想法吗？

Answer 1

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';
        }

诀窍是我们添加了一个比另一个更严格/特定的规则，所以虽然有一个“重要”字，但我们的规则获胜。要创建更具体的规则，我们必须通过JS添加新的#id。

我已经测试过并且有效。希望它能帮到你！

拉​​法