我正在使用
JQuery的nth-child选择器用photo_post_thumbnail类来改变每个第3个div上的边距,但它每隔2个div改变一次？
谁能发现我做错了什么？
现场
http://www.clients.eirestudio.net/hatstand/wordpress/photos/
HTML标记
<div class="postBox photo_post_thumbnail"> blah blah </div> <div class="postBox photo_post_thumbnail"> blah blah </div> <div class="postBox photo_post_thumbnail"> blah blah </div>
JQuery代码
$('.photo_post_thumbnail:nth-child(3n)').css('margin-right','0px');
解决方法
它是这样做的,因为你有一个< h1>在那些div之前,让div成为第4个孩子而不是第3个孩子:)
第n个子选择器起初有点令人困惑,因为它是父节点的第n个子节点,而不仅仅是与父节点的选择器匹配的第n个子节点,选择器不具有此选择器的位置.
要获得你想要的div,请像这样做3n 1：
$('.photo_post_thumbnail:nth-child(3n+1)').css('margin-right','0px');
