用户控件样式

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？我的意思是，我怎么能指定每个人都有自己的班级？

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