asp.net - 选择器 的 css 样式与 asp.net gridview

Question

我有一个用 ASP.NET GridView 生成的表格，我必须在每个 <tr> 之间放置一些空格.

在我的 CSS 文件中，我有关于 <tr> 的描述选择器:

.tr {
    margin-bottom: 5px;
}

但是，使用浏览器中的开发人员工具，我为 <tr> 创建了该样式不是从我的 CSS 文件中使用的，但它有“用户定义的样式表”，我无法更改 margin-bottom甚至在浏览器开发者工具中也是如此。

那么，问题是什么？

Answer 1

您通过在标签前加上一个句点创建了一个名为“tr”的类选择器，因此您不是针对元素本身，而是针对任何带有 class="tr" 的元素。 .尝试删除 . :

tr {
    margin-bottom: 5px;
}

但是请注意，您可能不想影响每一个 <tr>在您的网站上。也许您在 GridView 上指定了一个特殊类( <asp:GridView CssClass="fatrows" /> )，然后使用更具体的 CSS 定位其行:

table.fatrows tr {
    margin-bottom: 5px;
}

或者坚持GridView通过在其行元素上指定一个特殊的 CSS 类来约定:

<asp:GridView>
    <RowStyle CssClass="fatrows" />
</asp:GridView>

并定位行本身:

tr.fatrows {
    margin-bottom: 5px;
}

显然你会想要一个更有意义的类名...