Question

I have the following code:

<div class="sidebar">1</div>

<div class="sidebar">2</div>

<div class="sidebar">3</div>

How do I use CSS to target the last div element? I’d like to change the styling if possible.

<div class="sidebar">3</div>

Sadly, I don’t have access to the HTML generated, so is this even possible?

Answer 1

Without having access to the HTML your best bet is to go with the last-child CSS Selector.

This assumes that the div is the last item in some parent element so that:

<div id="container">
<div></div>
<div></div>
<div></div>
</div>

You could do:

#container div:last-child{}