html - 我可以选择这个 <link> 而不用 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