CSS只能选择在无序列表无序列表（内部列表）

-2

您好我想选择内未分类的列表，而无需使用class=""参数CSS只能选择在无序列表无序列表（内部列表）

我可以"ul li {}"选择外列表中，但如何选择仅向内部列表

<ul class="listStyleBlueSquare"> 
 
     <li>outer List element</li> 
 
     <li>Headline of inner list: 
 
      <ul class="listStyleSquare"> 
 
       <li>Inner List element</li> 
 
      </ul> 
 
     </li> 
 
    </ul>

来源

2014-09-24 Viktor Carlson

'li li'，'li ul li'，'ul li ul li' ...你坚持什么部分？你想要解决什么具体问题？ – 2014-09-24 12:37:40

其

ul li ul li{ your-rules: here; }
ul > li > ul >li{ your-rules: here; }
ul ul li { your-rules: here; }

的第一个孩子

ul ul li:first-child { 
    your-rules: here; 
}

为n个子

ul ul li:nth-child(n) { 
    your-rules: here; 
}

其中n记录到任何数字。

我建议你：

ul ul li { your-rules: here; }

我推荐这给人一种读，它会帮助你理解级联和特异性：LINK

来源

2014-09-24 12:37:45 Suresh

尝试其中之一：

ul li ul li{} 
ul ul li{} 
li li{}

或与“>”

ul > li > ul > li{} 
ul ul > li{}

来源

2014-09-24 12:40:51

好的，谢谢，我怎样才能访问只有第一个列表？在我访问ul li {}的第一个列表的时候，这些样式也适用于第二个列表 – 2014-09-24 12:44:07

@Viktor：请将您的问题完全清楚地说明并解释您的问题。那么你有更好的机会得到一个有用的答案，而不必不断提出澄清问题。 – 2014-09-24 15:08:33

这里有一个更简洁的选择：

li > ul {property: value}

这抓住一个无序列表，这是一个列表项的直接孩子。

来源

2014-09-24 12:52:14 Francine

CSS只能选择在无序列表无序列表（内部列表）

回答

相关问题