繼承屬性，然後改變一些特定的網站（css）

Question

我有這個test web site三個菜單。我正在學習CSS並嘗試menu2 & menu3至inherit all properties from menu class。第二個看起來有點不同，不可點擊。我很高興第三名，只是想讓它水平並改變位置。

有人能告訴我

• 爲什麼第二個菜單沒有點擊的？
• 我如何使第三個菜單垂直？我認爲第三菜單的li會做的伎倆，但我不知道該李的css路徑。

Answer 1

您的第二個菜單不可點擊，因爲您的第三個菜單框覆蓋了它，即使您看不到它的大小與雙水平線所覆蓋的區域大小相同。

第三個菜單是不是垂直的，因爲LIS有浮動：左

使用以下css來糾正

.menu3 li 
{ 
float:none; 
} 
.menu3 
{ 
position:absolute; 
} 

您需要設置左/頂選項的.menu3到將其放置在您想要的頁面上。

如果你使用firefox firebug，你應該安裝web開發者和firebug擴展。如果您使用Safari瀏覽器，則可以啓用開發人員工具，如果您使用Internet Explorer 8，則還可以啓用開發人員工具。 （在我看來，Firebug是最好的）。

Answer 2

第二個菜單不可點擊，因爲第三個菜單覆蓋了它。解決該問題的一種方法是從.menu中刪除position: relative。

<li>在第三個菜單中的路徑爲例如.menu3 li，但我不確定垂直方向的意思。我希望你能找到一條這方面的信息。

有點提示...像FireBug for Firefox這樣的工具對CSS試用n錯誤有很好的幫助。