Стили управления пользователями

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