2017-04-04 31 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解决了它。