CSS 无法摆脱 UL 的第一个和最后一个 child 的分隔符

Question

我有一个 nav，它包含一个带有多个 il 的 ul。问题是我无法摆脱 ul 的 first 和 last child 的分隔符。

这是一个演示:http://jsfiddle.net/Rvs3C/1/

我已将此代码添加到我的 CSS 文件中，但似乎没有任何区别:

nav ul a li:first-child{
    content: none;
}

nav ul a li:last-child{
    content: none;
}

Answer 1

你的标记是错误的。正确的方式是<a>标签是标签 <li> 的子标签.

你制作正确选择器的方式是:

nav ul a:first-child li{
    content: none;
}

nav ul a:last-child li{
    content: none;
}

但请记住，这不是正确的做法。

正确的是将 html 更改为:

 <ul class="showing">
       <li><a href="#">home</a></li>
        ...