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

我想使用内联css将所有<span></span>之间的所有内容的字体颜色更改为红色。有人可以帮我吗？

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

Answer 2

您正在使用所有li的span，因此您可以inline使用ul css <ul style='color:red;'>

试试这段代码：

<强> DEMO

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

Answer 3

如果我猜对了，你想为:之间的所有颜色上色。只需使用style='color:red;'作为要为红色着色的标记的属性。

E.g：

<span class='dgt' style='color:red;'>"+seconds+"</span>

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

3 个答案: