沒有僞類的國際象棋表

Question

如果我不能在HTML代碼中進行更改，只添加STYLE標記中的樣式，將表導入表格，如何創建國際象棋表，如右圖所示。僞選擇器 ：不使用第n個孩子（i），第n孩子（an + b），第n個類型（i），第n個類型（an + b）。

表是10 * 10。我只能創建綠色邊框。我只需要國際象棋標記（白色和黑色）。

<style>  
    table.ches td 
    { 
    width: 100px; 
    height: 100px; 
    border: solid black 2px; 
    } 

table.ches tr :first-child{background: green; 
    color: black;} 

    table.ches tr:first-child>td {background: green; 
    color: red;} 

    table.ches tr:last-child>td {background: green; 
    color: black;} 

    table.ches tr :last-child{background: green; 
    color: black;} 

</style> 

<table class="ches"> 
<tbody><tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
<tr> 
    <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> 
</tr> 
</tbody></table> 

</body> 

Answer 1

雖然nth-of-type(i)和nth-of-type(an + b)是不允許的，我猜，這並不意味着nth-of-type(even|odd)都出來了？如果是這樣，CSS很簡單：只要讓裏面甚至tr一切都甚至td S和所有奇數td的內線奇tr的黑：

tr:nth-of-type(even) td:nth-of-type(even), 
tr:nth-of-type(odd) td:nth-of-type(odd) { 
    background: black; 
} 

這裏的工作JSFiddle。乾杯!