Могу ли я изменить стили последнего p только с помощью CSS?

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 {}

Простой, менее портативный способ использует : последний ребенок :

.text p:last-child {}

или : последний тип :

.text p:last-of-type {}