引導4測試版（最新版）更改條紋表

Question

的顏色我有一個條紋表編碼如下：

<table class="table-sm table-hover table-striped"> 
      <thead> 
       <tr> 
        <th>#</th> 
        <th>First Name</th> 
        <th>Last Name</th> 
        <th>Email</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <th scope="row">1</th> 
        ... 
      </tbody> 
     </table> 

我使用的是最新的引導4測試版。我想改變Bootstrap用來「劃分」行的交替顏色。我無法在文檔中找到任何內容。根據堆棧溢出四年前的帖子，我可以添加自己的css文件。但是，如果可能的話，我只想使用引導類來完成此操作。

感謝您的幫助， 馬克

Answer 1

如果檢查的元素演示頁面Bootstrap v4 tables你會看到他們的目標是Bootstrap .table-striped類。具體來說，奇數行。這裏有一個應該幫助JSfiddle的演示。

.table-striped tbody tr:nth-of-type(odd) { 
    background-color: red; 
} 

Answer 2

你忘了把table類的元素寫這樣<table class="table table-sm table-hover table-striped">應該工作，或者你沒有包括bootstrap CSS正確