列表中的链接是否继承菜单列表本质？

每当我在列表中创建一个链接，它就会继承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

列表中的链接是否继承菜单列表本质？

回答

相关问题