时间戳

首页 > 解决方案 > 如何判断 CSS 类是否被识别？

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

问题描述

我有一个简单的 React 天气应用程序正在试验。下面使用的“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 类是否有效。如何从浏览器的开发工具中获得此反馈？

标签： cssreactjsfirefox

解决方案

好的，这很简单。正如上面评论中提到的，

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

推荐阅读