在多級菜單上設計樣式最後一個菜單項

我想要在其中有下拉菜單的菜單上設置風格。這就是它的樣子。 >意味着它是一個下拉。在多級菜單上設計樣式最後一個菜單項

首頁AAA> BBB> CCC DDD聯繫捐贈

我試圖讓剛剛捐贈的選擇有一個紅底白字，所以我把這個在：

#main-nav li:last-child a { 
    color:#ffffff; 
    background-color:rgb(178, 45, 58); 
    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px; 
    padding: 5px; 
}

但是，這是每個下拉菜單中的最後一項也是紅色！

我怎樣才能使主菜單的最後一個項目被風格化？

謝謝！

來源

2015-09-25 HoustonMcDog

你能分享你的HTML標記嗎？如果我們能夠理解你已有的東西，它將會使這個問題更容易回答。 –

讓我們看看是否有幫助： – HoustonMcDog

糟糕... @ ether這段代碼顯然太長了。但是我上傳了它，所以可以在上看到它，並且在那裏有一個圖像，以便您可以看到發生了什麼上面的css是我正在嘗試的，當我將它改爲＃main-nav> ul> li：last-child> a時，如下所示，沒有應用任何css格式。 – HoustonMcDog

我要發佈此，但請接受克里斯的答案，因爲他是對的，但他沒有對導航的正確Id名。

#navigation > ul > li:last-child > a{ 
    color:Red; 
}

這裏是一個JSFiddle證明了「捐贈」是被打開red的唯一的事情。

來源

2015-09-25 18:13:07

謝謝！我非常感謝幫助！ – HoustonMcDog

您需要定位導航列表的直接子元素。使用此選擇：

#main-nav > ul > li:last-child > a

來源

2015-09-25 15:14:57 Chris

實際上沒有工作。現在菜單項沒有改變。 – HoustonMcDog

在多級菜單上設計樣式最後一個菜單項

回答

相關問題