css element.style display：none;被識別而不是實際的CSS

Question

我有一個問題，當我有一個ID或div附加到它的鋰標籤被寫爲element.style { display:none; }。例如：

<ul id="nav> 
    <li class="another">this</li> 
</ul> 

在這種情況下，我可以寫兩種或ul#nav {}或#nav li{}其中.another{}我然後把裏面那些display:inline-block;的任何人。問題是我這樣做，但網站仍然承認爲element.style {display:none;}出於某種原因，我不明白爲什麼CSS不起作用。我甚至試圖做

<li style="display:block;"></li> 

但這也沒有工作。

Answer 1

在Chrome中檢查時，element.style表示它是內聯樣式，即。

<li style="display:none;"></li> 

由於原始標記顯然不包含它，因爲您試圖覆蓋它，它很可能是由JavaScript設置的。

我建議想看看如果你能找到它在你的JS被設置，如果失敗了，或者你不能改變它，你總是可以使用更少的推薦方法和標誌你的風格!important這將覆蓋內聯樣式。

#nav li { 
    display:block!important; 
}