Html 我可以选择这个而不使用CSS选择器添加任何类吗?

Html 我可以选择这个而不使用CSS选择器添加任何类吗?,html,css,Html,Css,您好,我想添加背景图像到我的李,有较低的水平李,问题是我可以选择它与css选择器?我不想使用类,但如果没有其他解决方案,我必须使用。谢谢你可以这样做 <div id="accordion2"> <ul> <li> <h3>Lorem</h3> <ul> <li><a href="#">Ipsum</a></li>

您好,我想添加背景图像到我的李,有较低的水平李,问题是我可以选择它与css选择器?我不想使用类,但如果没有其他解决方案,我必须使用。谢谢你可以这样做

<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>
我不喜欢在这么深的地方筑巢,它会把你弄糊涂,把你吓跑xD! 在本例中,创建一个具有不同背景颜色或图像的属性的类,并将该类添加到要标记的特定元素中

CSS:

HTML

您可以使用背景图像属性:

<ul>
  <li class="red-li">Im Red</li>
</ul>
看看这里

您可以这样做:

#accordion2 > ul > li > ul > li:nth-child(2){
    background-image: url('http://img3.wikia.nocookie.net/__cb20120506145055/disneyjessieseries/images/1/1d/20px-Facebook-icon.png');
    background-repeat: no-repeat;
    list-style-type: none;    
    text-indent: 20px;    
}
第一个子项的索引为1


如果你需要支持IE,支持IE的第一个版本是IE9,在现实生活中不要这样做:手风琴2>ul>li>ul>li:N-child2@MelanciaUK请注意@konstantiv.Salikhov感谢您指出这一点。您的标记不正确。您关闭标签的顺序不正确。@KonstantinV.Salikhov我认为应该是accordion2>ul>li>ul:nth-child2您指定它来选择li的第二个子项,而不是实际的LIT,它将匹配预期的li和上面的另一个li。事实上,我的答案不是很好。这就是为什么我的建议更好的原因。通过手动深入级别,它最终将与同一级别上的其他元素发生冲突。id或类都是比手工挑选更好的解决方案。最好从第一个孩子开始,而不要从第n个孩子开始,因为IEP不符合OP的要求抱歉,我的错。更新我的答案。没有看到他指定要设置样式的li元素。此外,如果子元素不应继承父属性,您可能希望使用accordion2>ul>li>ul>li:nth-child2 ul取消这些子元素。喜欢
.red-li {
   background-color: red;
}
<ul>
  <li class="red-li">Im Red</li>
</ul>
#accordion2 > ul > li > ul > li:nth-child(2){
    background-image: url('http://img3.wikia.nocookie.net/__cb20120506145055/disneyjessieseries/images/1/1d/20px-Facebook-icon.png');
    background-repeat: no-repeat;
    list-style-type: none;    
    text-indent: 20px;    
}
#accordion2 > ul > li > ul > li:nth-child(2) {
   background: ...
}