asp.net - 用户控件样式

Question

我有一个包含这段代码的 .ascx 页面:

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

在.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  12:00 PM
Sunrise  5:00 AM

我想做的是在每个元素上添加样式；我需要 morning 使用一种样式，12:00 PM 使用另一种样式。我如何使用 CSS 做到这一点？我的意思是，我如何指定每个人都有自己的类(class)？

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;
}