我可以选择此<li>使用CSS选择器添加任何类吗？

Question

<div id="accordion2">
<ul>
    <li>
        <h3>Lorem</h3>
        <ul>
            <li><a href="#">Ipsum</a></li>
            **<li><a href="#">SELECT THIS <li> WITH CSS WITHOUT ADDING CLASS TO IT</a>**
            <ul>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Ipsum</a></li>
            </ul>
            </li>
            <li><a href="#">Ipsum</a></li>
        </ul>
    </li>

嗨,我想将背景图片添加到我的li级别较低的li,问题是我可以用css选择器选择它吗？我不想使用课程,但如果不是我必须的其他解决方案.谢谢

Answer 1

你可以这样做:

#accordion2 > ul > li > ul > li:nth-child(2) {
   background: ...
}

第一个子项的索引是1.

如果你需要支持IE,支持这个的第一个版本是IE9