嵌套CSS樣式控制

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

第一：你不必使用cssClass for asp控件，你只能使用類來這個。這將是下課的一條線，但並不重要。

二：ASP：標籤更改爲在HTML跨越所以你必須設置這個類的asp：標籤：

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