CSS:在 id 之后定位按钮

Question

我有一个表，其 ID 为“table-noValues”或“table-values”，具体取决于它是否具有值。这两个表都有一个 ID 为“calculateButton”的按钮。

我正在尝试让 css 成为这样的东西:

#table-noValues //add calculateButton here -- idk how to call the button here
{
  opacity: 0.65;
  cursor: not-allowed;
}

#table-values //calculateButton
{
  cursor: pointer;
}

但我不确定如何调用 div 内的按钮。该按钮是一个 <button> ，不是 <input>

Answer 1

只需使用按钮上的 ID，然后像这样写入表格 ID

#table-noValues #calculateButton //when table has no values
{
  opacity: 0.65;
  cursor: not-allowed;
}

#table-values #calculateButton //when table has values
{
 cursor: pointer;
}

因此它将根据表 ID 为按钮提供样式