asp.net - 如何为 div 中的任何控件类型应用类？

Question

在我的表单中有很多<asp:Label> , 我想为所有应用高度，但我不想一个一个地设置高度

是否可以通过父 div 中的类设置它们的高度？

<div class="FormContent">
    <h1 class="title">Cadastro de Cliente</h1>

    <div class="row">
        <div class="col-md-6">
            <asp:Label Text="Nome" Height="10px" runat="server" CssClass="h4" />
            <asp:TextBox runat="server" ID="Nome" CssClass="form-control" placeholder="Ex: João da Silva Cunha" />
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <asp:Label Text="Logradouro" Height="10px" runat="server" CssClass="h4" />
            <asp:TextBox runat="server" ID="Logradouro" CssClass="form-control" placeholder="Ex:Rua D'Pedro II" />
        </div>
        <div class="col-md-6">
            <asp:Label Text="Número" Height="10px" runat="server" CssClass="h4" />
            <asp:TextBox runat="server" ID="Numero" CssClass="form-control" Width="80px" placeholder="Ex:100" />
        </div>
    </div>
</div>

Answer 1

从所有标签控件中删除 Height="10px"。标签在浏览器中呈现为 SPAN，因此您可以在一个类中完成:

div.FormContent span {
   height:10px;
}

这将为内容 DIV 中的所有标签设置高度。

更新

我看到你的标签有一个自己分配的类 - 你可以将高度直接添加到 h4 类作为替代

.h4 {
   /* your other styles */
   height:10px;
}

如果您只想影响内容 DIV 中的 h4，您可以这样做

div.FormContent .h4 {
   height:10px;
}

甚至完全收紧

div.FormContent span.h4 {
   height:10px;
}