Puis-je changer les styles du dernier p uniquement avec CSS?

Question

J'ai plusieurs p tags dans le contenu d'une page. Je veux changer la couleur du dernier avant le div qui les tient. Puis-je le faire avec 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> 

Merci

Answer 1

La manière facile, portable:

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

.text p.last {} 

La manière simple, moins portable utilise :last-child:

.text p:last-child {} 

Ou :last-of-type:

.text p:last-of-type {}