CSS子選擇，但有一個標籤

無法獲取的語法：第n（3）選擇這個標籤，在第三L1標籤。真是一口。它甚至有可能嗎？CSS子選擇，但有一個標籤

在這個網站上

我試圖改變第三菜單項的顏色。班多利擁有紅色字體。這是prestashop，所以我不能在它周圍添加span標籤，因爲這是其他地方的問題。

所以，我的問題是，有沒有辦法使用第三子，或者第n個，選擇通過CSS做呢？

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ 
    color:black; 
    font-size:14px; 
}

2012-05-11 kipper

您可以使用:nth-child()，像這樣：

.sf-menu > li:nth-child(3) > a { 
    color: #c0474c;  
}

注意:nth-child()是only supported in modern browsers。它在IE8或更低版本中不起作用。

2012-05-11 17:03:07 thirtydot

謝謝你的工作。我使用.sf-menu li：nth-child（3）a，因爲我不知道「>」的用途。什麼是偉大的比？ – kipper

這是[子組合器]（http://reference.sitepoint.com/css/childselector）。它在所有現代瀏覽器中都受支持。在這種情況下，你確實需要使用它，否則你最終會選擇你不想要的元素。 – thirtydot

[完全堵塞這個回答OP的評論。（http://stackoverflow.com/questions/3225891/what-does-mean-in-css-rules/3225905#3225905） – BoltClock

你的意思是說.sf-menu > li:nth-child(3) > a？

2012-05-11 17:08:00

你是對的，當然。如果沒有子組合器，它也會選擇一組子菜單鏈接。我沒有注意到其中一個人有一個子菜單。 – thirtydot

對不起，我正在處理這一OP，不是你的解決方案:)否則，我都談到了答案 - 由於某種原因，我沒有得到及時的「新的答案添加」通知... –

我明白了，所以這將如果我有一個Bandoli旗下的子菜單，但我並沒有傷害沒有犯規，但是，很高興知道。謝謝，它正在工作。 – kipper

回答