如何为每个第五个div元素添加特定样式？

Question

我想为每个第五个元素添加一个边框.目前的代码我只选择了第5个元素,而不是每个元素......我做错了什么？

jQuery的:

$(document).ready(function() {  

        $("#categories .cat:nth-child(5)").css({border: '1px solid red', color: '#ff0000'});

});

HTML:

<div id="categories">
    <div class="cat">   cat1    </div>
    <div class="cat">   cat2    </div>
    <div class="cat">   cat3    </div>
    <div class="cat"> cat4 </div>
    <div class="cat">   cat5    </div>
    <div class="cat">   cat6    </div>
    <div class="cat">   cat7    </div>
    <div class="cat">   cat8    </div>
    <div class="cat"> cat9 </div>
    <div class="cat">   cat10   </div>
</div>

Answer 1

用这个:

$("#categories .cat:nth-child(5n)")

请注意5n.