一個CSS元素顯示......別人不

我試圖調整，通過微光渲染代碼這可能標誌着我的CSS掌握有點低....一個CSS元素顯示......別人不

我有類似HTML的：

<ul id="main_navigation"> 
    <li id="trigger0"><a /Topics">Webinar Topics</a> 
    <ul class="subNavMenuItems" id="subNav0"> 
    <li><a href="/Topics/15">Intro</a></li> 
    <li><a href="/Topics/25">Computer Skills</a></li>[and so on]

在我的CSS我有：

#main_navigation ul{ 
    margin: 0; 
    padding: 0; 
    float: left; 
    width: 20%; 
    font-size:13px; 
    font: bold; 
    font-variant: small-caps; 

}

寬度規則爲觀察 - 但沒有其他人都是。含有這些規則都是進口的，所以這些規則應該重寫任何其他的最後文件的文件（雖然「main_navigation」是唯一匹配的元素_anyway所以級聯的東西不應該的問題

來源

2009-06-22 justSteve

a標籤中缺少的引號是我剪下的'n粘貼。添加li _will將在第二層列表項上產生正確的結果，但不會影響頂層。（trigger0）應該是向這些頂級元素添加類標識符的問題，但我沒有達到正確的語法。我正在使用螢火蟲，並按照預期登陸元素。再次....現在的東西工程UL第二級，但不是頂級。 – justSteve 2009-06-22 18:30:13

我已經更新了我的回答以迴應您的評論。 – 2009-06-22 19:04:15

試試這個：

#main_navigation li { 
    ... 
}

來源

2009-06-22 16:40:04

你可能想

font-weight: bold;

來源

2009-06-22 16:40:33

我沒有給你一個確切的解決方案，但我敢肯定，如果你使用Firefox事情會變得容易和安裝螢火。螢火蟲具有一個顯示所有的樣式表的模式可能會影響元素的信息，還會顯示di不同的規則相互作用，同時允許您嘗試更改內容而無需重新加載。

來源

2009-06-22 16:41:57

#main_navigation ul應該從顯示的HTML代碼中匹配您的ul與ID subNav0。你有任何CSS樣式.subNavMenuItems或#subNav0，或者ul li ul，這也將得到同樣的事情#main_navigation ul？如果你確實有這樣的CSS，它可能會顯示CSS。絕對具體，你可以設計ul#main_navigation li#trigger0 ul#subNav0。

Ben對於嘗試Firefox的Firebug addon有一個很好的建議。

這個HTML是無效的：<a /Topics">Webinar Topics</a>。你最想要<a href="/Topics">Webinar Topics</a>。

來源

2009-06-22 16:43:35

此外，缺少<a /Topics">雙引號和href屬性。

來源

2009-06-22 16:44:27 Detect

你想要什麼樣的風格？

#main_navigation ul { 
/* css here */ 
}

當然風格ul這就是#main_navigation直系後代，而你想要的風格（我認爲）無論是外菜單，爲#main_navigation或內ul這是#main_navigation li ul .. .unless我正在讀這個很糟糕？

來源

2009-06-22 16:46:06

一個CSS元素顯示......別人不

回答

相關問題