对更新的CSS文件的更改不会生效

Question

我的ROR应用程序中有以下haml文件，我正在尝试通过CSS为 #index_orders 下的文本部分实现排版和字体更改。但是，当我实现下面的更改时，特别是在CSS文件中，当我刷新开发环境（localhost：3000）时，没有任何操作生效。

下面是haml文件，其中包含适当的嵌套和间距：

index.html.haml

#index_orders
  - @orders.each do |order|
      %h3= link_to order.date.strftime("%A %B %d, %Y"), order
      %h4= order.name

#index_orders {
    h2 {
        margin-bottom: 0;
        font-weight: 100;
            a {
               color: white;
            }
        }
    }

现在这里是应用程序CSS文件的选择部分，其中包含相关代码：

application.css.scss

componentDidMount

为什么字体颜色/排版更改没有生效？

非常感谢！

Answer 1

样式规则仅定位h2元素。由于index.html.haml中没有h2元素，因此您无法看到预期的视觉变化。

要查看已应用的样式规则，请更改application.css.scss中的h2选择器，以定位所需的h1或h3元素。

例如，

#index_orders {
    h3 {
        margin-bottom: 0;
        font-weight: 100;
            a {
               color: white;
            }
        }
    }