Rails應用程序樣式表錯誤

在我的application.css文件中，當我在下面輸入我的代碼時遇到錯誤。 h1.title代碼將會執行，但是h1代碼不會。值得一提的是，在我的應用程序中，h1.title高於h1。不過，如果我在h1.title代碼之後直接插入h1代碼（使用h1代碼片段重複自己），我可以使用它。我不想這樣做，因爲我想讓我的代碼保持乾爽。這似乎微不足道，但我已經與它搏鬥了很多，並沒有取得任何進展。Rails應用程序樣式表錯誤

h1 { 
color: maroon; 
font-size: 150%; 
font-style: italic; 
display: block; 
width: 100%; 
border-bottom: 1px solid DarkSlateGrey; 
} 
h1.title { 
margin: 0 0 1em; 
padding: 10px; 
width: 98.5%; 
background-color: orange; 
color: white; 
border-bottom: 4px solid gold; 
font-size: 2em; 
font-style: normal; 
}

來源

2012-05-24 Anconia

究竟什麼不行？ H1代碼在我設置的jsfiddle示例中執行得很好。 http://jsfiddle.net/TRKkj/1/ – afaf12

我只是將代碼移入scaffold.css.scss文件，並且運行完美。有沒有我沒有看到的範圍問題？我不明白它爲什麼會在scaffold.css.scss中運行，但不是application.css – Anconia

查看瀏覽器檢查器中的元素。 h1元素是否繼承其他文件的任何內容？ – badams

如果直接在application.css添加代碼，它會出現在編譯文件的頂部（我假設你的CSS文件被編譯成一個）。我的猜測是你的application.css中包含的其他css文件會覆蓋h1 css atrributes。

在您的瀏覽器中使用檢查選項（IE，Firefox，Chrome等現在有一個內置的）並查看h1從哪裏獲取屬性值。

來源

2012-05-24 23:12:19 afaf12

它們都從元素體繼承，但是沒有任何內容應該取消h1和h1.title代碼。另外，application.css中只有兩個元素是h1和h1.title - 我的應用程序仍然很小。 – Anconia

我將body，h1和h1.title都移到了application.css中，它現在可以完美運行 - 這是有道理的，因爲application.css是第一個得到編譯的文件。從現在開始，應用程序範圍的代碼應該放在application.css中，還是可以放置scaffold.css.scss？ – Anconia

我將應用程序範圍的代碼放在一個單獨的.css文件中，以保持application.css整潔。通常，application.css中不應該有css代碼，同樣也可以使用js和application.js。 – afaf12

Rails應用程序樣式表錯誤

回答

相關問題