列表中的鏈接是否繼承菜單列表本質？

每當我在列表中創建一個鏈接，它就會繼承CSS中菜單鏈接列表的屬性。我粘貼下面的菜單列表的CSS，它繼續將其屬性傳遞給我網站中任何列表中的任何鏈接。我需要幫助，我該如何標記菜單列表項目，以便它們不會將它們的屬性傳遞給列表中的任何鏈接....請幫助！列表中的鏈接是否繼承菜單列表本質？

ul li a {display: block;background: #660000;padding: 5px 10px 5px 10px;text-decoration: none;color: #fff; border-left:1px solid #660000;} 

ul li a:hover {background: #3300cc; margin: 0; } 

li:hover ul {display: block; position: absolute; margin:0; } 

li:hover li {float: none; } 

li:hover a {background: #3300cc; } 

li:hover li a:hover {background: #660000; } 

.drop-nav li ul li {border-top: 0px; position: relative; padding:0px; z-index: 100; border-bottom:0px; margin: 0; right:0; left:0; } 

li li:hover a {display: block; } 

li li ul a {display: none; border-left:1px solid #660000; margin-left: 60px; margin-top:-30px; margin-bottom: 30px; } 

li:hover li:hover ul li a:hover {background: #660000; margin-top:-30px; margin-bottom:30px; margin-left: 60px;border-left:1px solid #660000; }

您的幫助表示感謝！

來源

2016-06-11 Ched Jose

使用在類似」的.class'而不是‘UL禮’你的菜單列表一般較少選擇。

使用僞：在主要區域中使用你的錨標籤不。 （請注意，不支持每個瀏覽器）

來源

2016-06-11 09:54:22 hop1ka

你會怎麼做到這一點？..我明白了，但我不明白你會如何實現它。 –

在你的HTML中使用一個類，例如anchor標籤中的.meni-item。在CSS而不是「ul li a」選擇器中，使用剛纔創建的那個，例如： .menu-item {display：block; background：＃660000; padding：5px 10px 5px 10px; text-裝飾：無;顏色：#fff; border-left：1px solid＃660000;} – hop1ka

列表中的鏈接是否繼承菜單列表本質？

回答

相關問題