其他div中的CSS nth-of-type

Question

我希望有一个元素，其中一个突出显示，其他颜色只移动一个div。 这是代码：

<div class="all">
    <div class="normal"></div>
    <div class="normal"></div>
    <div class="normal"></div>
    <div class="highlighted"></div>
</div>

<div class="all">
    <div class="normal"></div>
    <div class="highlighted"></div>
    <div class="normal"></div>
    <div class="normal"></div>
</div>



.all > div { 
    width: 100px; 
    display: inline-block;
    height: 100px;
}
.normal:nth-of-type(1) { background: red; } 
.normal:nth-of-type(2) { background: blue; }
.normal:nth-of-type(3) { background: green; }
.highlighted { background: yellow; }

http://jsfiddle.net/6dn9ovvc/1/

在第二行，我需要有红色，黄色，蓝色，绿色。