2017-04-04 34 views
0

所以我有一個模式內的表,我只是不知道爲什麼CSS不做任何事情。我在這裏錯過了什麼?設計一個模式內的表

<table class="table table-striped"> 
          <thead class="okgo"> 
           <tr> 
            <th>MissionType</th> 
            <th>MissionDate</th> 
            <th>ElipseNumber</th> 
            <th>Notes</th> 
           </tr> 
          </thead> 
          <tbody> 
           <tr> 
            <td>@ViewBag.SelectedMission.MissionType</td> 
            <td>@ViewBag.SelectedMission.MissionDate</td> 
            <td>@ViewBag.SelectedMission.ElipseNumber</td> 
            <td>@ViewBag.SelectedMission.Notes</td> 
           </tr> 
          </tbody> 
         </table> 

CSS:

table.table.table-striped.okgo{ 
background-color:black; 

}

乾杯。

回答

0

您需要您的css選擇器爲table.table.table-striped .okgo,因爲.okgo嵌套在表格內,而不是其中的一部分。編輯爲清晰起見,我把之間的空間table.table.table-striped.okgo

+0

感謝bud,很不幸仍然沒有什麼 – Gil

+0

好的,所以你的css文件沒有被正確加載,或者另一個css規則覆蓋了這個。 [這是一個與它有你的代碼和我的修復工作小提琴](https://jsfiddle.net/575L4d0y/) –

+0

是的,這是我的瀏覽器不更新的CSS。非常感謝。 – Gil

0

原來問題出在我的瀏覽器。 ctrl + f5解決了它。