Question

我的项目出了问题，我们的客户在菜单ul li中使用了徽标图片。他使用了li的课程，其中放置了徽标，但我不能使用它;我也不想使用:nth-child，因为将来我们可能会添加一个新的菜单元素。我目前在徽标li中有一个空锚。是否可以在CSS中选择此空的锚。请帮帮我。

提前致谢

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

CSS和HTML：

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

Answer 1

:empty选择器应该是您正在寻找的。

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

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

如何通过css选择没有n-child的ul的孩子？

1 个答案: