CSS選擇器不存在

-3

http://comtest.pointstarter.info/是該網站。在頂部欄中，名爲header-social的div應用css規則#wrapper .header-social *，並顯示它來自站點URL而不是附加任何Css文件。我想從這條規則中刪除重要內容。任何人有想法？CSS選擇器不存在

來源

2013-11-25 Abdullah Nouman

請在這裏發佈代碼。 – j08691

一旦css規則被標記爲「！important」，你不能「不重要」他們了。充其量，你可以寫一個更具體的規則，並希望這個更具體的規則的「重要」覆蓋原來的「重要」。你可以嘗試動態修改css規則集：http://www.javascriptkit.com/dhtmltutors/externalcss3.shtml –

謝謝，Marc我想知道它是如何被編寫的（#wrapper .header-social *），而它既不在默認的style.css也沒有在custom.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'; 
     }

訣竅是，我們增加了更多的限制/具體的規則比另一個更具體，因此雖然有一個「重要」字，但我們的規則獲勝。要創建更具體的規則，我們必須通過JS添加一個新的#id。

我已經測試過，它的工作原理。希望它可以幫助你！

Rafa

來源

2013-11-25 15:10:25

非常感謝Rafa ...我可以添加JS代碼。請把它粘貼在這裏。 –

我找到了JS代碼並將其刪除。謝謝。 –

您需要JS代碼和CSS代碼 –

CSS選擇器不存在

回答

相關問題