我可以用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 {}