列表中的链接继承菜单列表属性？答案

【问题标题】：Links within lists are inheriting menu list properities?列表中的链接继承菜单列表属性？
【发布时间】：2016-06-11 09:21:57
【问题描述】：

每当我在列表中创建链接时，它都会继承我的 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; }

感谢您的帮助！

【问题讨论】：

标签： html css list

【解决方案1】：

在您的菜单列表中使用不太通用的选择器，例如 '.class' 而不是 'ul li'。

或

在主区域使用的锚标签上使用伪 :not。 （注意不是每个浏览器都支持）

【讨论】：

你将如何做到这一点？...我明白了，但我不明白你将如何实现它。
在您的 HTML 中，在锚标签上使用一个类，例如 .meni-item。比在 CSS 中而不是“ul li a”选择器中，使用您刚刚创建的选择器，例如：.menu-item {display: block;background: #660000;padding: 5px 10px 5px 10px;text-decoration: none;颜色：#fff;左边框：1px 实心#660000;}