CSS last-child如果超过4个元素

ngp*_*und 2 html css

jsFiddle - 如果包装器中有超过4个容器,我只想获取最后一个要突出显示的元素.是否可以使用css而不是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;
}
Run Code Online (Sandbox Code Playgroud)

KiV*_*KiV 12

是.你可以做到这一点.你几乎只有一些小的修正.

小提琴:http://jsfiddle.net/kiranvarthi/q5parpxy/4/

.wrapper div:nth-child(n+5):last-child {
   background-color: gold;
}
Run Code Online (Sandbox Code Playgroud)