嵌套元素單獨的CSS

Question

說我有以下 -

<div> 
    <span>First</span> 
    <span>Second</span> 
    <span>Third</span> 
</div> 

有沒有用CSS來修改每個單獨的樣式，而無需在每種情況下適用一類獨特的方法嗎？

例如，像div span { color: blue; }之類的東西，但後來的跨度應用不同的顏色等等？

（...是的，我已經嘗試了許多谷歌搜索第一！）

Answer 1

嘗試nth-of-type或nth-child：

span:nth-of-type(1) { 
    color:blue; 
} 
span:nth-of-type(2) { 
    color:red; 
} 

span:nth-of-type(3) { 
    color:green; 
} 

here是代碼示例