html - 在模态中设计表格

Question

所以我在模态中有一个表，我只是想不通为什么 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;

干杯。

Answer 1

你需要你的 css 选择器是 table.table.table-striped .okgo 因为 .okgo 嵌套在表格内，而不是表格的一部分。为了清晰起见，我在 table.table.table-striped 和 .okgo

之间加了一个空格