I have;

```
<div class="exampleDiv">
    <element1></element1>
    <element2></element2>
    <element3></element3>
</div>

```

then some CSS using the last:child selector (only margin-right:0 FYI). However I use a conditional ng-hide on elements 1-3 and so if element3 is hidden, the last:child CSS is not moved to element2 as technically it is rendered in the DOM then hidden. 

So I was wondering is there a way to use ng-hide and have something like a 'last-visible-element' selector. So that as ng-hide does its work, the last element the user can see has this CSS applied to it?

Thanks for any help in advance!