n-child不工作

Question

我有一個列表，需要每個其他項目來改變顏色並刪除它的邊距。我使用了第n個孩子，除了IE7-8之外，它完全適用於所有應用。我知道他們不支持n-child，所以我使用jquery。

我發現這一點：:nth-child is not working in IE 和這樣的：http://verboselogging.com/2010/01/17/making-nth-child-work-everywhere

我試圖實現他們，但它仍然沒有工作。你可以在這裏查看： http://www.dffernandez.com/client_review_files/tests/nth-child.html

#prop-images-wrapper { 
float: left; 
margin-bottom: 0.6em; 
background-color: #F00; 
width: 340px; 
margin-right: 5px;} 

#prop-images-wrapper li:nth-child(2n+1), .difcolor { 
margin-right: 0px; 
background-color: #06F;} 

-

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script>$(document).ready(function(){ 
$("#prop-images-wrapper li:nth-child(2n+1)").addClass("difcolor"); 
});</script> 

預先感謝您。

Answer 1

如果你使用jQuery來設置到第n個孩子，只是使用jquery的一切而不是一個CSS塊和代碼的jQuery。

看看下面的jsfiddle

http://jsfiddle.net/RjGpC/1/

在此以下行

#prop-images-wrapper li:nth-child(2n+1), .difcolor { 

只是刪除li:nth-child(2n+1),

Answer 2

你忘了在你的測試頁面加載jQuery。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

http://jsfiddle.net/m6vnt/1/