html - 如何通过CSS选择没有第n个 child 的ul的li child ？

Question

我的元素出现问题，我们的客户在菜单的 ul li 中使用了 Logo 图像。他使用了带有 li 的类，其中放置了 Logo ，但我不能使用该类；我也不想使用 :nth-child 因为将来我们可能会添加一个新的菜单元素。我目前在 Logo li 中有一个空 anchor 。是否可以在 CSS 中选择这个空的 anchor 。请帮助我。

提前致谢

客户网站:http://www.kangaroopartners.com/about/
我的网站:http://kangaroopartners-2.hs-sites.com/test1
演示 http://jsfiddle.net/thwkav0e/

CSS 和 HTML:

ul {
    display:block;
    width:100%;
    text-align:center;
    list-style: none;
    margin:0;
    padding:0;
}

ul li {
    display:inline-block;
    padding: 10px;
}

ul li:nth-child(4), ul li:last-child {
    background:red;
    width:50px;
}

<ul>
    <li><a href="#">Hello1</a></li>
    <li><a href="#">Hello2</a></li>
    <li><a href="#">Hello3</a></li>
    <li><a href="#"></a></li>
    <li><a href="#">Hello4</a></li>
    <li><a href="#"></a></li>
</ul>

Answer 1

:empty 选择器应该是您要查找的内容。

ul li a:empty {
    background:red;
    width:50px;
    display: inline-block;
    height: 10px;
}

http://jsfiddle.net/thwkav0e/1/