嵌套 CSS 样式不适用于 asp.net 控件

Question

我正在尝试将内部样式表应用于 aspx 页面，如果我这样写我的样式......

<style type="text/css">
.formStyle{

}
.formStyle ul{
//some style; 
}
.formStyle ul li{
//some style;
}
.formStyle ul li label{
//some style;
}

</style>

现在假设我有这样的表格......

<form id="form1" class="formStyle">
<ul><li>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</li></ul>
</form>

现在样式将不会被应用，因为普通的“html标签”不同于 “asp 标签”，我将不得不使用这个 asp 标签的 cssClass 属性。 但问题是我的样式非常嵌套，因为标签的样式在“.formStyle ul li label”中。我不想为每个元素定义单独的独立类，因为它使样式过于复杂和庞大。那么当我的样式表代码是这样的时候，如何在 asp 控件上应用样式呢？

Answer 1

首先：你不必对asp控件使用cssClass，你可以只使用class来实现。这将是 class 下的一行，但并不重要。

第二个：asp:Label在html中改为span所以必须为asp:label设置这个类：

.formStyle ul li span{
   //some style;
 }