last-of-type Selector

last-of-type Selector exapmle

HTML

<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p class="ng-hide">The fourth paragraph.</p>

CSS

.ng-hide { display: none; }

/* None of these work as you might have expected them to initially */
p:last-child,
p:last-of-type,
p:not(.ng-hide):last-child,
p:not(.ng-hide):last-of-type {
    background: green;
}