Links in Listen erben Menülisteneigenschaften?

Question

Immer wenn ich einen Link innerhalb einer Liste mache, erbt er die Eigenschaften der Menülinkliste in meinem CSS. Ich habe das CSS der Menüliste unten eingefügt, die weiterhin ihre Eigenschaften an irgendwelche Links innerhalb irgendeiner Liste in meiner Web site weitergibt. Ich brauche Hilfe, wie kann ich die Menüliste Elemente auf eine Weise beschriften, dass sie ihre Eigenschaften nicht an einen Link in einer Liste übergeben .... Bitte helfen Sie!

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; } 

Ihre Hilfe wird geschätzt!

Answer 1

Verwenden weniger allgemeine Selektoren in Ihrer Menüliste wie ein ‘.class' statt 'ul li'.

ODER

Verwenden Sie die Pseudo-: nicht auf dem Anker-Tags in Hauptbereich verwendet. (Seien Sie vorsichtig, es wird nicht von jedem Browser unterstützt)