通過CSS在列表中選擇嵌套的錨點

Question

我想通過css選擇帶有錨點的列表項目，但無法找出如何在沒有選擇所有列表中的所有錨點的情況下這樣做。這裏是清單：

<ul> 
    <li class="fbar">&nbsp;</li> 
    <li class="menuItem"> 
    <a href=""><img src="img/sample_slides/thumb_macbook.png" alt="thumbnail"/></a> 
    </li> 
    <li class="menuItem"> 
    <a href=""><img src="img/sample_slides/thumb_iphone.png" alt="thumbnail"/></a> 
    </li> 
    <li class="menuItem"> 
    <a href=""><img src="img/sample_slides/thumb_imac.png" alt="thumbnail"/></a> 
    </li> 
    <li class="menuItem"> 
    <a href=""><img src="img/sample_slides/thumb_about.png" alt="thumbnail"/></a> 
    </li> 
</ul> 

所以我要選擇像

.menuItem li a { 
    color:red 
}; 

但這是錯誤的。那麼如果有的話，那麼安排它的正確方法是什麼？

Answer 1

我想，這是你想要什麼：

li.menuItem a { 
    border:1px solid red; 
}; 

這將選擇在任何列表項的所有錨（<a>）帶班「菜單項」。

Answer 2

我不確定你到底想要做什麼。你的四個物品裏面有錨。你現在要選擇哪一個？

您可以使用li.menuItem a {color:red};來選擇類「menuItem」的所有列表項目中的所有錨點。但這不是你所需要的，呵呵

Answer 3

你可以使用Javascript來做到這一點。這是一個jQuery示例

$('.menuItem').has('a').css('background-color', 'red');