html - CSS 样式表类顺序

Question

在我下面的 CSS 样式表中，“.b1”在“.table”之后不起作用。

这是什么原因？CSS样式表中的顺序有规则吗？

非常感谢

.b1 {
  border-bottom: 1px solid black;
}

.table td:first-child {
  text-align: left;
}

<table class="table">
  <tbody>
    <tr>
      <td class="b1">Item</td>
    </tr>
  </tbody>
</table>

编辑：奇怪它似乎工作。感谢大家的帮助。不知道是因为我重新启动了计算机还是软件问题。

标签： htmlcss

Answer 1

.table .b1 {
  // whatever
}

这将起作用，因为.b1类嵌套在table元素下方。您正在尝试它不适合您吗？