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='...'/>，因此您可能需要指定一个类名来区分标签和非标签元素。

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

然后在你的CSS中：

{{1}}

Answer 2

  .tbl_plbl
        {
        }
        .tbl_tr
        {
            height: 30px;
            width: 150px;
        }
        .tbl_td
        {
            background-color: Blue;
            color :White; 
        }




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

Answer 3

您可以使用以下

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

Answer 4

您可以使用：

table label
{
  background-color:Blue;  
}

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

4 个答案: