Ruby on Rails應用程序無法識別HTML / CSS div

Question

我目前正在遵循Ruby on Rails教程，但我似乎犯了一個我似乎無法理解的錯誤。 如果您要問我，我會說這是一個語法錯誤，但我只是不知道在哪里。

在我的HTML.ERB文件中，創建一個稱為column的div。 在此列div中，我還有一個主div。 在我的CSS文件中，我嘗試向div分配一些CSS命令。 奇怪的是#main div但是沒有突出顯示，並且在運行應用程序時main 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不允許嵌套選擇器。 你這個：

#columns {
  background: #141;
}

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

Answer 2

解決方案是更改我的文件擴展名。 我保存到.css.scss而不是.css，並且現在可以使用了。

Ruby on Rails應用程序無法識別HTML / CSS div

問題描述

2 個解決方案

解決方案1
1 2015-09-07 10:04:23

解決方案2
0 已采納 2015-09-07 10:10:20

Ruby on Rails應用程序無法識別HTML / CSS div

問題描述

2 個解決方案

解決方案1 1 2015-09-07 10:04:23

解決方案2 0 已采納 2015-09-07 10:10:20

解決方案1
1 2015-09-07 10:04:23

解決方案2
0 已采納 2015-09-07 10:10:20