<分区>
标签 html css html-lists
<分区>
我有一个非常简单的 html 结构，如下所示:
<ul id="menu" ng-show="showMenu">
<li><a href="http://www.google.com" target="_blank">a</a></li>
<li><a href="http://www.msn.com" target="_blank">b</a></li>
</ul>
CSS:
*{
box-sizing:border-box;
margin:0;
padding:0;
}
body{
background:#f2f2f0;
padding:15px;
}
#menu ul{
list-style:none !important;
}
#menu li a{
color:inherit;
text-decoration:none;
}
即使我将 list-style 设置为 none，ul 仍然显示元素符号。当我删除 #menu 时，它会按预期工作。为什么会这样？ #menu 是ul 的id，它应该应用于菜单元素。我做错了什么吗？
最佳答案
#menu ul 试图将 ul 作为目标，它是 #menu 的后代。这是不正确的，因为在您的情况下它们是相同的元素。 ul#menu 是正确的。
关于html - 从 <ul> 中删除元素符号？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25674081/