我 需要 创建 一 个 按钮 来 改变 我 的 li 的 黑色 。
超 文本 标记 语言

<h2>Sonnenfarben</h2>
  <div class="box">
     
    <ul type="circle" class="liste2">
      <li class="farbeRot">rot</li>
      <li class="farbeOrange">orange</li>
      <li class="farbeGelb">gelb</li>
    </ul>
    
    <button onclick="changeColor()">Lights out</button>

  <ol class="liste3" start="3">
      <li class="farbeBraun">braun</li>
      <li class="farbeGrau">grau</li>
  </ol>

中 的 每 一 个
CSS 系统

.farbeRot{
  color: ;
  font-weight: bold;
}

.farbeOrange{
  color: orange;
  font-style: italic;
}

.farbeGelb{
  color: yellow;
}

.farbeBraun{
  color: brown;
  font-style: italic;
}

.farbeGrau{
  color: grey;
  font-weight: bold;
}

.box{
  color: black;
}

格式
JS 系统

function changeColor(){
  document.querySelector('.box').style.color = "black";
}

格式
尝试 连接 所有 东西 ， 但 没有 成功 。
编辑 ： 放 入 我 已经 定义 的 所有 颜色 。 尝试 删除 它们 等 ， 但 仍然 不 起 作用 。