只有改變孩子立在img

Question

說我的代碼如下：

<ul> 
    <li><img /></li> 
    <li> 
     <ul> 
     <li><img /></li> 
     </ul> 
    </li> 
</ul> 

我試圖設置默認大小的第一img標籤，但不會影響到第二個。我所做的一切都會影響另一個。目前我已經嘗試過：

$('ul#gallery > li').find('img').css('width','650px'); 
$('ul#gallery > li img').css('width','650px'); 

等，但沒有什麼作品。

Answer 1

$('ul#gallery > li > img').css('width','650px'); 

Answer 2

您是否嘗試過使用jQuery :first選擇器？

$("li img:first").css('width','650px'); 

• http://api.jquery.com/first-selector/

Answer 3

我沒有看到你的榜樣一個id="gallery"，但假設下面的代碼（只有外部<ul>有gallery ID）：

<ul id="gallery"> 
    <li><img /></li> 
    <li> 
     <ul> 
     <li><img /></li> 
     </ul> 
    </li> 
</ul> 

那麼適當的CSS選擇器是ul#gallery > li > img。