css - 在 css 中一次访问表中的所有标签

Question

我想知道我们可以在不使用类的情况下同时设置表格内所有标签的样式。

 <table class="tbl_plbl">
                <tr>
                    <td><b> UserName: </b> </td>
                    <td><asp:Label ID="Label1" runat="server" Text='<%# Eval("name")%>'/></td> 
                </tr>

                <tr>
                    <td><b> RealName: </b> </td>
                    <td><asp:Label ID="Label14" runat="server" Text='<%# Eval("name")%>'/></td> 
                </tr>
                <tr>
                    <td><b> Email: </b> </td>
                     <td><asp:Label ID="Label2" runat="server" Text='<%# Eval("email")%>' /></td>
                </tr>
                <tr>
                    <td><b> Address: </b> </td>
                     <td><asp:Label  ID="Label3" runat="server" Text='<%# Eval("address")%>' /></td> 
                </tr>
                <tr>
                   <td><b> Sex: </b> </td>
                    <td><asp:Label ID="Label4" runat="server" Text='<%# Eval("sex")%>' /></td>
                </tr>
                <tr>
                    <td><b> Account: </b> </td>
                    <td> <asp:Label ID="Label15" runat="server" Text='<%# Eval("acType")%>'/></td>
                </tr>
                </table>

因为可以访问表的 tr 作为

.tbl_plbl tr
{
height:30px;
width:150px;    
}

我认为也可以访问所有标签。我试过了但没有成功

.tbl_plbl td Label
{
background-color:Blue;    
 }

Answer 1

ASP.net Label 呈现为 HTML span，因此您必须:

.tbl_plbl td span {
    background-color: blue;    
}

因为你的单元格中可能有更多的 span 而不仅仅是 Label 元素呈现的那些，你可能想要分配一个类名来区分标签和没有标签的。

<asp:Label ID="Label14" runat="server" CssClass='label' Text='...'/>

然后在你的 CSS 中:

.tbl_plbl td span.label {
    background-color: blue;    
}