Html 如何使用内嵌css更改UL中所有值的字体颜色？

以下是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>";

高分辨率分光计


“+小时+”




:


分钟


“+分钟+”




:


秒


“+秒+”


";

---

我想使用内联css将所有

之间的所有内容的字体颜色更改为红色。有人能帮我吗？

为什么要使用内联样式？如果这是您真正需要做的，您可以使用

style

属性：

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

---

为什么要使用内联样式？如果确实需要这样做，可以使用

style

属性：

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

---

您将span用于所有li，因此您可以使用

inline

css用于

ul

请尝试以下代码：

  <ul style='color:red;'>
      <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用于所有li，因此您可以使用

内联
css用于
ul

请尝试以下代码：


  <ul style='color:red;'>
      <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>";



高分辨率分光计


“+小时+”




:


分钟


“+分钟+”




:


秒


“+秒+”


";
如果我猜对了，你想给
之间的所有东西上色：
。
只需使用
style='color:red；'
作为要将标签涂成红色的属性即可

例如：

“+秒+”
如果我猜对了，你想给
之间的所有东西上色：
。
只需使用
style='color:red；'
作为要将标签涂成红色的属性即可

例如：

“+秒+”