的Joomla菜單樣式的第一個孩子

我有一個菜單：的Joomla菜單樣式的第一個孩子

<li id="current" class="selected parent item556"> 
<a href="#">Parent</a> 
<ul> 
    <li class="item557"> 
     <a href="#">Child</a> 
    </li> 
    <li class="item558"> 
     <a href="#">Child</a> 
    </li> 
</ul> 
</li>

，我想樣式僅父「a」元素，但它的風格所有的子元素太多，因爲他們正在父「李」。我想是這樣的：

li#current a:first-child{ 
color: #F2F2F2; 
}

沒有工作，我如何樣式僅父「一」？

來源

2011-12-13 Toomas Nõunik

嘗試：li#current a:first-of-type拿到第一a

或者你可以嘗試：li#current:nth-child(1)拿到第一個孩子

來源

2011-12-13 07:56:17

可以使用直接子操作>直接對象的鏈接（在IE唯一鏈接li元素）：

li#current > a

來源

2011-12-13 07:57:06 Guffa

只要記住，這將針對所有'了'標籤，在'li'，不只是第一個'了'的第一級。所以它現在可以100％地工作，但如果稍後添加更多的'a'標籤，則需要調整選擇器。 –

好吧，調整了一下，你的帖子非常有用，謝謝！ –

的Joomla菜單樣式的第一個孩子

回答

相關問題