css - GridView 只取 css 文件中的第一个 CSSClass

Question

在我的 asp.net 页面中，我有三个网格视图

<asp:GridView CssClass="GridA" ID="grid1" GridLines="Horizontal" HorizontalAlign="Center" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" onrowcommand="gridHand_RowCommand">
                    <Columns>
                        ...
                    </Columns>  
                    </asp:GridView>
 <asp:GridView CssClass="GridA" ID="grid2" GridLines="Horizontal" HorizontalAlign="Center" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" onrowcommand="gridHand_RowCommand">
                    <Columns>
                        ...
                    </Columns>  
                    </asp:GridView>
 <asp:GridView CssClass="GridA" ID="grid3" GridLines="Horizontal" HorizontalAlign="Center" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" onrowcommand="gridHand_RowCommand">
                    <Columns>
                        ...
                    </Columns>  
                    </asp:GridView>

我的皮肤中有一个 CSS 文件，如下所示：

.Grid {
    border-width: 0;
    border-style: none;
    background-color: aqua;
    color: BlanchedAlmond;
    width: 200px;
}

.GridA {
    border-width: 0;
    border-style:none;
    background-color: DarkBlue;
    color: BlanchedAlmond;
    width: 200px;
}

结果，没有分配 css 类。网格视图保持默认形状。如果我应用 css 类“Grid”而不是“GridA”，它就可以工作。

如果我在我的 css 文件中交换两个 CSS 定义，则相反：只有将“Grid”分配给 gridviews 时才会应用 css 布局。

或者简单地说：gridviews 只采用我的 css 文件中的第一个 (!) css 定义，而不是第二个。

为什么？

标签： cssasp.net