Question

我在某些方面看到了相当多的问题，但我找到的答案并没有解决我的问题。我正在尝试创建导航菜单，并且无法将列表样式设置为none，也不会显示内联。这是我写的HTML / CSS：

    <div class="nav">
      <ul>
       <li><a href="#">About</a></li>
       <li><a href="#">Dream Series</a></li>
      </ul>
    </div>


.nav ul {
    list-style-type: none;
}

.nav li {
    display: inline;
}

我不知道它是否是页面上其他地方的干扰元素，但我尝试在我的标题内外创建它，结果相同......基本上没有。我想删除子弹点，中心元素和/或在它们之间添加填充，并使用页面上的字体设置文本样式，但在获得元素后，我通过CSS添加的任何样式都不是不适用。

我正在编辑，因为显然帖子被标记为“偏离主题”，所以我对上面的文字进行了一些改编。还想指出我没有使用嵌入式css，我正在从外部.css文件中应用它，该文件在此问题之前已经合作得很好。谢谢你的帮助。

Answer 1

你的CSS是正确的。但是，您是否完全按照上面显示的方式输入代码？如果您希望将css放在与标记相同的文件中，则需要将其放在<style>标记内。像这样：

<div class="nav">
  <ul>
    <li><a href="#">About</a></li>
    <li><a href="#">Dream Series</a></li>
  </ul>
</div>

<style>
.nav ul {
    list-style-type: none;
}

.nav li {
    display: inline;
}
</style>

Demo

Answer 2

上面写的内容应该有效。

我拿了你的代码并将它插入小提琴中，它显示得很好。

<div class="nav">
  <ul>
   <li><a href="#">About</a></li>
   <li><a href="#">Dream Series</a></li>
  </ul>
</div>

.nav ul {
list-style-type: none;
}

.nav li {
display: inline;
}

http://jsfiddle.net/uL3sonrx/1/

你的CSS必须有影响它的东西。尝试通过Firebug或Chrome开发人员工具进行检查，以查看应用于它的所有样式。

列表样式类型和显示：内联不起作用

2 个答案: