顯示：none;不管用。

我是一個完整的初學者試圖創建水平下拉菜單。我的樣式表似乎不適用於我的子菜單級別。顯示：none;不管用。

請你能發現錯誤在我的代碼？

感謝

在我的「_SiteLayout.cshtml」我有

  <ul id="TopMenu"> 
       <li><a href="@Href("~/MgtCentre")">Management</a> 
        <ul id=「SubMenu」> 
         <li><a href="@Href("~/AboutUs")">Admin Centre</a></li> 
         <li><a href="@Href("~/AboutUs")">Reports</a></li> 
        </ul>       
       </li> 
       <li><a href="@Href("~/FAQ")">FAQ</a></li> 
      </ul>

在我「的site.css」我有

ul#SubMenu { 
     display: none; 
    }

來源

2012-03-10 Pinwheeler

你不需要使用'ul'盈。只是'＃SubMenu'已經足夠了 – Starx 2012-03-10 12:08:36

@Starx，除非#SubMenu在另一個元素的某處被定義！ – Rippo 2012-03-10 12:09:59

@Rippo這將是一個錯誤！ – 2012-03-10 12:13:05

看起來你有魔/彎引號： -

ul id=「SubMenu」

應該是"SubMenu"或'SubMenu'

來源

2012-03-10 12:07:39 Rippo

哇謝謝你！我不會發現有史以來.....我現在會提防它。 – Pinwheeler 2012-03-10 12:10:02

@Rippo好的。我完全錯過了。你是怎麼發現的？ – 2012-03-10 12:14:20

一定是我的魔術/捲曲的眼睛。 :) – Rippo 2012-03-10 12:16:36

一個快速提示：我總是建議安裝Firebug並檢查所有CSS相關的問題。

在我看來，這個問題可能是：

CSS優先級/層次
瀏覽器緩存的問題。

在任何情況下，螢火蟲會很容易幫助您找出問題。

希望這會有所幫助！

來源

2012-03-10 12:11:45 optimum

在回答這個問題的標題，試試！「重要」的，如果沒有別的作品最後的手段，你的造型Widget或插件時對抗CSS你沒有的控制，例如。在我的特殊情況下，！重要的不起作用，這是我如何到達這裏。！

如果重要不起作用，嘗試變化：

<style> 

#SubMenu { display:none !important; } 
ul#SubMenu { display:none !important; } 
#SubMenu * { display:none !important; } 
ul#SubMenu * { display:none !important; } 

</style>

在我的具體情況，我想所有的這些終於得到了想要的結果：

div.gllr_single_image_text { display:none !important; } 
.gllr_single_image_text { display:none !important; } 
.gllr_single_image_text * { display:none !important; } 
div.gllr_single_image_text * { display:none !important; }

奇怪的是，我可以不要隔離哪一個解決了我的問題，單獨測試每個問題。無論如何，（WordPress的或Firefox故障？）「顯示：無重要」，當你想清理像你沒有控制權的第三方插件是非常有用的。

來源

2013-08-27 22:53:03

顯示：none;不管用。

回答

相關問題