应用样式列出包含嵌套列表

Question

我有，看起来像一个列表中的项目：

<li>List Item 1</li> 
<li>List Item 2 
    <ul> 
     <li>Sub List Item 1</li> 
    </ul> 
</li> 
<li>List Item 3</li> 

我想的风格，包含嵌套列表大胆所有列表项，让他们正常的休息：

• 列表项1
• 列表项2
  • 子列表项1
• 货品3

这是不是我可以用CSS做什么？

Answer 1

我假设你不想一类手动添加到您的列表项与儿童：

<li class="nestedlist"> 

是否正确？你希望它被自动检测？

不幸的是，没有办法改变CSS中基于父子元素的样式。不过，你可以用一个快速的JS来完成。

这是一个有趣的文章，关于为什么他们不会让我们这样做......虽然我不相信！ http://css-tricks.com/parent-selectors-in-css/

Answer 2

你可以用jQuery .children（）函数来做到这一点。

事情是这样的：

$('li').each(function(){ 
    if ($(this).children().length > 0){ 
     $(this).css('font-weight','bold'); 
    } 
}); 

你需要设置你的CSS使孩子里就不会大胆的为好。或者你可以添加额外的jQuery来阻止它。