在模态中设计表格

时间:2017-04-04 18:01:50

标签: html css bootstrap-modal

所以我在一个模态中有一个表格,我只是无法弄清楚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;

}

干杯。

2 个答案:

答案 0 :(得分:0)

您需要将css选择器设为table.table.table-striped .okgo,因为.okgo嵌套在表内,而不是它的一部分。为了清晰起见,我在table.table.table-striped.okgo

之间添加了一个空格

答案 1 :(得分:0)

原来我的浏览器出现了问题。 ctrl + f5解决了它。