каждые 3 элемента через три

#css #css3

Добрый вечер всем. Есть родитель у него много детей


    
//green
    
//green
    
//green
    

    

    

    
//green
    
//green
    
//green
    

    

    

    
//green
    
//green
    //и т. д.



как с помощью css сделать так, чтоб каждые 3 элемента через три были зелеными? 
    

Ответы

Ответ 1

Я только это придумал

.child {
    display: block;
    height: 20px;
    width: 30px;    
    background-color: #CCCCCC;    
    margin: 2px;
}
.parent div:nth-child(6n-3), .parent div:nth-child(6n-4), .parent div:nth-child(6n-5) {
    background-color: #00CC00;    
}


Пример тут http://jsfiddle.net/046xsfLk/