2012-06-18 63 views
0

可能重複:
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> 

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

回答

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> 
+0

簡單,就像我喜歡它。謝謝,@iDsteven。 – blackessej

+0

沒有問題@blackessej! – iDsteven

相關問題