Question

我目前正在关注Ruby on Rails教程，但我似乎犯了一个我无法理解的错误。如果你问我，我说这是语法错误，但我不知道在哪里。

在我的HTML.ERB文件中，我创建了一个名为columns的div。在这列div中我也有一个主div。在我的CSS文件中，我尝试将一些CSS命令分配给我的div。奇怪的是，＃main div却没有突出显示，并且当运行应用程序时，主div也没有得到我刚刚分配给它的东西，比如白色背景颜色。任何人都可以帮我这个吗？我有一种感觉，我犯了一个愚蠢的错误

HTML.ERB文件：

<!DOCTYPE html>
<html>
<head>
    <title>Pragprog Books Online Store</title>
        <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
        <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
        <%= csrf_meta_tags %>
</head>

<body class='<%= controller.controller_name %>'>
    <div id="banner">
        <%= image_tag("logo.png") %>
        <%= @page_title || "Pragmatic Bookshelf" %>
    </div>
    <div id="columns">
        <div id="side">
            <ul>
                <li><a href="http://www....">Home</a></li>
                <li><a href="http://www..../faq">Questions</a></li> 
                <li><a href="http://www..../news">News</a></li> 
                <li><a href="http://www..../contact">Contact</a></li>
            </ul> 
        </div>
        <div id="main"> 
            <%= yield %>
        </div>
    </div>
</body>

CSS文件：

#columns {
  background: #141;

   #main {
     margin-left: 17em;
     padding: 1em;
     background: white;
   }
}

感谢您的帮助！

Answer 1

您似乎正在尝试为CSS规则使用较少的语法。 CSS不允许嵌套选择器。你的意思是：

Answer 2

解决方案是更改我的文件扩展名。我保存到.css.scss而不是.css，它现在可以正常工作。

在Ruby on Rails应用程序中无法识别HTML / CSS div

2 个答案: