基於索引將寬度屬性分配給表中的列

Question

我可以基於列索引爲表中的每列設置css中的寬度屬性嗎？即

table column_with_index_[0] { 
    width: 100px; 
} 
table column_with_index_[1] { 
    width: 200px;  
} 
... 

在我的.css？

只有一個簡單的表結構

<table> 
    <tbody> 
     <tr> 
      <th></th> 
      <th></th> 
     </tr> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 

等.. ？

Answer 1

我通常會做這樣的事情...

tr th:nth-child(1), 
tr td:nth-child(1) { 
    width: 100px;} 

tr th:nth-child(2), 
tr td:nth-child(2) { 
    width: 200px;} 

但是，如果你在HTML中包含類似這樣的東西...

<tr> 
    <th data-index="1"></th> 
    <th data-index="2"></th> 
</tr> 

然後，你可以瞄準它是這樣的...

tr th[data-index="1"] { 
    width: 100px;} 

CSS實際上無法計算索引，它只能指定您指定的內容。