針對特定的LI CSS

我是新來的css，但學習。我想弄清楚如何設置一個特定的類，我只能指定某些<li>字段。這是我嘗試過的，但它不起作用，請你提供任何建議來幫助我？針對特定的LI CSS

我正在嘗試爲我的網站創建一個菜單欄，並且我從父菜單中找到了指向<li>的css。但我也希望能夠創造一定<li>特定CSS調用例如像這樣：

<li class="nodropdown">bla... bla...</>

這裏是我試圖這樣做，但我不知道如何正確地創建類。我知道這真的很糟糕，但我是新的嘗試。謝謝！！

#menu li #nodropdown { 
    float:left; 
    display:block; 
    text-align:center; 
    position:relative; 
    padding: 4px 5px 4px 5px; 
    margin-right:30px; 
    margin-top:7px; 
    border:none; 
} 

#menu li:hover #nodropdown { 
    border: 1px solid #777777; 
} 

#menu li a #nodropdown { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    color: #EEEEEE; 
    display:block; 
    outline:0; 
    text-decoration:none; 
} 

#menu li:hover a #nodropdown { 
    color:#161616; 
}

來源

2012-08-30 Frank G.

類始終以.開頭，只有ID以'＃'開頭。

因此，它是：#menu li.nodropdown

注意的是Li和之間沒有空格。因爲班級直接在裏。

編輯：我建議通過本教程閱讀：http://www.w3schools.com/css/default.asp

來源

2012-08-30 15:43:56 LeJared

@LeJared謝謝你如此使用a。是一個類，＃是一個ID。現在我怎麼把這些變成這樣的類？ '#menu li.nodropdown'＆'#menu li：hover.nodropdown'＆'#menu li a.nodropdown'＆'#menu li：hover a.nodropdown'這是正確的嗎？再次感謝！ –

對不起，我不能在這裏教你CSS的基礎知識。你真的應該看看http://www.w3schools.com/css/default.asp這是一個相當完整和易於理解的CSS初學者教程。 – LeJared

@LeJared：沒有人應該查看任何w3schools頁面。 *特別是*不是那些仍然在學習東西並且不會注意到他讀的內容可能是錯的或不好的人。 http://w3fools.com – ThiefMaster

不知道這是說明明顯，但你指定你的HTML在你的CSS類和ID（使用＃）

來源

2012-08-30 15:44:43 Barlow1984

針對特定的LI CSS

回答

相關問題