CSS：在id之后定位一个按钮

Question

我有一张表格，其表格为＆＃39; table-noValues＆＃39;或者＆＃39;表值＆＃39;取决于它是否具有值。这两个表都有一个id为＆＃39; calculateButton＆＃39;。

的按钮

我试图让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

为按钮提供样式