如何選擇頁面中的最後一個元素？

Question

有沒有辦法選擇最後一次出現的特定元素與CSS？

這是一個例子：DEMO

我想last-child但這不是我想要的。我用這個類：

HTML：

<ul> 
    <li><span>test</span></li> 
    <li> 
     <span>test</span> 
     <span>test</span> 
    </li> 
</ul> 
<div> 
    <span>test</span> 
    <span>test</span> 
</div> 
<p> 
    <span>test</span> 
    <span>red</span> 
</p> 

CSS：

span:last-child{ 
    color:red; 
    font-weight:bold; 
} 

我想最後span與 「紅色」 的內容是紅色的。我怎麼可以用CSS來做到這一點？

更新： 有一個解決方案與last-of-type元素與父母相同。但是不同的父母呢？

Answer 1

試試這個：（你應該知道父包裝元素）的

body > *:last-child > span:last-child{ 
    color: red; 
} 

Working Fiddle