为什么我的CSS不起作用？

Question

我无法调用CSS样式，我不知道原因是什么，我打算这样做。代码如下所示

orders.scss

table{
  width:30em;
  table-layout:fixed;
}

td {
    width:100%;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

order.html.slim

.row
  .col-md-9
    .box.box-primary
      .box-header.with-border
        h3.box-title 列表
      .box-body.no-padding
        table.table
          tbody
            tr
              th 手机号

              tr
                td = 123456

Answer 1

谢谢大家。我是一个新人。问题的原因是我没有正确引用orders.scss风格。

由于项目正在使用slim。在orders.html.slim的位置，我需要添加以下代码：

- content_for :preload_stylesheets
  =stylesheet_link_tag   'orders', media: 'all'

然后config/initializes/assets添加以下代码：

Rails.application.config.assets.precompile += %w(
...
orders.scss
...
)

最后，它可以实现orders.scss

的引用