我可以仅使用CSS更改最后一个p的样式吗？

Question

我在页面的内容中有几个p标签。我想在保存它们的div之前更改最后一个的颜色。我可以用CSS来做到这一点吗？

<div class="text"> 
    <p>P One</p> 
    <p>P Two</p> 
    <p>P Three</p> 
    <p>P Four (this is the one I'd like to modify)</p> 
</div> 

感谢

Answer 1

最简单的，可移植的方式：

<p class="last">P Four (this is the one I'd like to modify)</p> 

.text p.last {} 

的方便，便携更低的方式使用:last-child：

.text p:last-child {} 

或者:last-of-type：

.text p:last-of-type {}