有沒有一種方法來設計嵌套無序列表的父元素？

Question

可能重複：
Is there a CSS parent selector?
CSS selector for 「foo that contains bar」?

我有一組嵌套的無序列表，我希望能夠樣式只是有孩子的父母<li>項目。這個html看起來像這樣：

<ul> 
    <li>item one</li> 
    <li>item two</li> 
    <li>item three 
     <ul> 
      <li>child item</li> 
     </ul> 
    </li 
</ul> 

我希望能夠添加一個背景圖像，即只有「項目三」。最簡單的方法是什麼？

Answer 1

我會使用jQuery循環遍歷UL並找到UL子元素。如此可能？：

<style type="text/css"> 
    .newClass { 
     background: #059; 
    } 
</style> 

<script> 

$(document).ready(function() { 
    $('#mainUL li').each(function(i) { 
     if ($(this).children('ul').length > 0) { 
      $(this).addClass('newClass'); 
     } 
    }); 
}); 

</script> 

<ul id="mainUL"> 
    <li>item one</li> 
    <li>item two</li> 
    <li>item three 
     <ul> 
      <li>child item</li> 
     </ul> 
    </li> 
</ul>