如何判断CSS类是否被识别？

Question

我有一个简单的React Weather应用程序正在尝试中。 下面使用的“ table”和“ table-hover” css类是引导程序类。

<table className="table table-hover">
  <thead>
    <tr>
      <th>City</th>
      <th>Temperature (K)</th>
    </tr>
  </thead>
</table>

作为测试，我进行了如下更改：

<table className="tableJIBERRISH table-hoverJIBBERISH">
  <thead>
    <tr>
      <th>City</th>
      <th>Temperature (K)</th>
    </tr>
  </thead>
</table>

按预期，格式中断。 但是，在我的调试工具（我使用Firefox）中，我没有任何关于所使用的CSS类是否有效的指示。如何从浏览器的devtools获得反馈？

Answer 1

好的，这很简单。如以上评论所述，

1. 打开Firefox devtools
2. 右键单击并选择“检查元素”
3. 在“检查器”选项卡下devtools的右侧，还有另一组选项卡。默认情况下，“规则”应显示应用于该元素的所有规则。
4. 所有应用的css类都应显示在此处（也有一个搜索栏也可以帮助过滤）