Question

我有一个包含几个列表项的导航菜单。但是，我无法使用CSS删除列表项样式。

到目前为止，这是我的代码：

.links {
    overflow:auto;
}
    
.lnk {
    list-style:none;
    padding:0;
    margin:0;
    background:#111111;
}

.lnk li {
    float:left;
}

<div class="links">
    <ul class="lnk">
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html">Home</a></li>        
    </ul>  
</div>

不幸的是，我正在尝试的一切都没有为我工作。我不知道该怎么办我的CSS代码都无法正常工作。它们是外部文件，我已经将它们链接到我的页面，但是它们仍然无法正常工作。拜托，我需要帮助。

Answer 1

嗯，我认为它可能像这样工作？

.links {
     overflow:auto;
}
.lnk {
     list-style:none;
     padding:0;
     margin:0;
     background-color:#111;
}

li .lnk{
       float:left;
}

我不知道您的HTML代码，所以我不知道问题所在。你也可以张贴吗？并请说明您的问题更明确。哦，我也组织了它。我认为问题在于您放了.lnk lk而不是li .lnk。有区别。

Answer 2

这对您有帮助

<div id="wrapper">
<ul>
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
</ul>
<p>Some text goes here</p>
</div>
css part:
div#wrapper ul {
list-style-type: none;
}
div#wrapper p {
text-align: center;
}

无法在css中删除我的列表样式

2 个答案: