CSS：nth-child（偶數）選擇器背景顏色不起作用

我試圖在兩行上均勻地使用:nth-child(even)來顯示背景顏色，它不起作用，但它在jsfiddle.net上工作（沒有javascript生成表格）。CSS：nth-child（偶數）選擇器背景顏色不起作用

生成一個表來調用JSON文件後 -

$(document).ready(function() { 
    $.getJSON("js/dataPokerPlayers.json", function(data) { 
     $.each(data, function(i, data){ 
      $(".tableData tbody").append("<tr><td class=\"centertext\">" + data.rank + "</td><td>" + data.name + "</td><td class=\"centertext\">" + data.earnings + "</td><td class=\"centertext\">" + data.points + "</td><td class=\"centertext\">" + data.totalearnings + "</td></tr>"); 
     }); 
    }); 
});

CSS

.tableData tbody tr:nth-child(even) { 
    background-color:#212121; 
}

HTML

<table class="tableData"> 
    <thead> 
     <tr> 
     <th>Rank</th> 
     <th width="250">Name</th> 
     <th>Earnings</th> 
     <th>Points</th> 
     <th>Total Earnings</th> 
     </tr> 
    </thead> 
    <tbody></tbody> 
</table>

來源

2013-04-18 Christian

你可以粘貼你的表與正在生成的'？ –

即使在javascript中動態創建行時，選擇器在[** this fiddle **]（http://jsfiddle.net/4ttXR/）中也能正常工作。就像一個旁註。如果你在外部使用單獨的'''和''''來讀取和更新字符串，那麼就不那麼容易混淆，這樣就不需要轉義字符串了。一個bç d 電子「' – Nope

檢查並肯定_tds_背景是透明的 – Ejaz

下面的CSS代碼工作。

.tableData > tbody > tr:nth-child(2n) { 
background-color:#212121;}

來源

2013-06-22 04:56:20 eldos

CSS：nth-​​child（偶數）選擇器背景顏色不起作用

回答

相關問題

CSS：nth-child（偶數）選擇器背景顏色不起作用