html - 如何使用内联 css 更改 UL 中所有值的字体颜色？

Question

HTML 如下:

<ul>
  <li>
    <span class='top'>HRS</span>
    <br />
    <span class='dgt'>"+hours+"</span>
  </li>
  <li>
    <br />
    <span class='devd'>:</span>
  </li>
  <li>
    <span class='top'>MINS</span>
    <br />
    <span class='dgt'>"+minutes+"</span>
  </li>
  <li>
    <br />
    <span class='devd'>:</span>
  </li>
  <li>
    <span class='top'>SEC</span>
    <br />
    <span class='dgt'>"+seconds+"</span>
  </li>
</ul>
<div class='clear'></div>";

我想将 <span></span> 之间所有内容的字体颜色更改为红色使用内联 CSS。谁能帮我解决这个问题？

Answer 1

为什么要使用内联样式？如果那是您真正需要做的，您可以使用 style 属性来做到这一点:

<li>
    <span class='top' style="color: red">SEC</span>
    <br />
    <span class='dgt' style="color: red">"+seconds+"</span>
</li>

或者，为什么不直接使用 CSS(外部)定位它们:

ul li span {
   color: red;
}