ユーザーコントロールのスタイル

Question

私はこのコードが含まれています。このた.ascxページがあります。

morning 12:00 PM 
Sunrise 5:00 AM 

：ので、結果は次のようになり.ascx.cs

XmlNodeList _morning= _doc.GetElementsByTagName("morning"); 
    morning= "morning" + _morning[0].InnerText.ToString(); 

XmlNodeList _sunrise = _doc.GetElementsByTagName("sunrise"); 
    Sunrise = "Sunrise" + _sunrise[0].InnerText.ToString(); 

の背後にあるコードで

<%=Morning%> 
    <br /> 
<%=Sunrise%> 
    <br /> 
<%=afternoon%> 

を

私がしたいことは、各要素にスタイルを追加することです。 1つのスタイルがmorning、別のスタイルが12:00 PMである必要があります。 CSSを使ってどうすればいいですか？私はそれぞれのクラスにどのように指定することができますか？

Answer 1

morning = "<span style='color: Red;'>morning</span><span style='color: Yellow;'>" + _morning[0].InnerText.ToString() + "</span>";

これはレッドにmorningの色と黄色にtimeの色を変更します。しかし、これはインラインスタイルであり、代わりにクラスを使用できます。

morning = "<span class='morning'>morning</span><span class='time'>" + _morning[0].InnerText.ToString() + "</span">";

とCSSファイル内

：

.morning 
{ 
    color: Red; 
} 

.time 
{ 
    color: Yellow; 
}