如何改變最後一個字的顏色出現在麪包屑

下面是動態生成的痕跡，現在我想顯示的最後一個字即hi man通過改變它的顏色爲主動，我怎麼能做到這一點沒有改變塊什麼？如何改變最後一個字的顏色出現在麪包屑

<span id="crumb"> 
    <a href="s">Tes 1</a> &gt;&gt; 
    <a href="ogs/foods/541">Hello Boy</a> &gt;&gt; 
    <a href="d">hi man</a> 
</span> 


#crumb::a:last { 
    color: #00f; 
}

Fidlle

來源

2014-08-28 Ashutosh Singh

我建議不要使用'＃00f'作爲選擇的顏色，因爲它匹配''標籤的默認顏色。無論哪種方式，使用'最後孩子'僞選擇器 – aug 2014-08-28 23:20:50

我建議：

#crumb a:last-child { 
    /* style */ 
}

雙冒號語法是用來識別僞元素（::before/::after），不後裔;單冒號識別僞類，儘管:last不是CSS選擇器（儘管Sizzle和jQuery）實現了這樣的選擇器。

參考文獻：

CSS selectors, level 3。

來源

2014-08-28 23:18:18

謝謝！它的工作..你怎麼知道這個想法？ – 2014-08-28 23:20:34

我一直在玩CSS很長一段時間......;當然，你絕對受歡迎！ – 2014-08-28 23:20:59

使用CSS :last-child選擇。

例

#crumb a:last-child { 
    color: #00f; 
}

DEMO

來源

2014-08-28 23:19:56

如果你不想使用僞元素（IE8和之前不支持），您可以使用下面的代碼片段的jQuery

$("#crumb:last-child").css("color", "red");

檢查這些鏈接，最後孩子的瀏覽器支持Quirksmode,Caniuse

來源

2014-08-28 23:24:14 kiranvj

謝謝，但它總是更好地使用CSS來實現快速性能 – 2014-08-28 23:25:11

是的，我完全同意這一點，如果您想要針對不支持最後一個孩子的僞類的瀏覽器（它只是一個JS解決方案，請參閱 kiranvj 2014-08-29 00:11:13

如何改變最後一個字的顏色出現在麪包屑

回答

相關問題