CSS last-child if more than 4 elements

Question

jsFiddle - I'm trying to only get the last element to highlight ONLY if there is more than 4 containers within the wrapper. Is it possible to do this using css instead of JS

<div class="wrapper">
    <div class="container">Container #1</div>
    <div class="container">Container #2</div>
    <div class="container">Container #3</div>
    <div class="container">Container #4</div>
    <div class="container">Container #5</div>
</div>

.wrapper div:nth-child(n+4):last-child() {
   background-color: gold;
}

Answer 1

Yes. You can achieve this. You are almost there just some small correction.

Fiddle: http://jsfiddle.net/kiranvarthi/q5parpxy/4/

.wrapper div:nth-child(n+5):last-child {
   background-color: gold;
}

Answer 2

This is the correct syntax

 .wrapper div:nth-child(n+4):last-child { background-color: gold; } 

 <div class="wrapper"> <div class="container">Container #1</div> <div class="container">Container #2</div> <div class="container">Container #3</div> <div class="container">Container #4</div> <div class="container">Container #5</div> </div> 

last-child should be used without braces

Answer 3

Here you are

 .wrapper div:last-child:nth-child(n+5) { background-color: gold; } 

 <div class="wrapper"> <div class="container">Container #1</div> <div class="container">Container #2</div> <div class="container">Container #3</div> <div class="container">Container #4</div> </div> <div class="wrapper"> <div class="container">Container #1</div> <div class="container">Container #2</div> <div class="container">Container #3</div> <div class="container">Container #4</div> <div class="container">Container #5</div> </div> <div class="wrapper"> <div class="container">Container #1</div> <div class="container">Container #2</div> <div class="container">Container #3</div> <div class="container">Container #4</div> <div class="container">Container #5</div> <div class="container">Container #6</div> </div>