2013-12-09 125 views
0

我最近跑了捆綁安裝一個Rails應用程序,裏面擺放着紅寶石的文件夾在我的供應商文件夾中包含斌,高速緩存,DOC,寶石等Rails的CSS編譯

因爲這樣做,看來我的CSS造型正在陷入衝突。我正在使用bootstrap以及覆蓋文件,但是在我的樣式混亂的地方,我注意到:在檢查元素之前和之後:奇怪的地方。

某些元素似乎失去了他們的造型,但其他人看起來沒問題。我猜測我的造型在某處被覆蓋,但我不明白它是如何發生的。

任何人都可以請幫助我瞭解如何解決和避免在將來呢?看起來像我的供應商文件夾可能會重寫我實施的樣式。清單文件的

我application.css.scss

/* 
* This is a manifest file that'll be compiled into application.css, which will include all the files 
* listed below. 
* 
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, 
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. 
* 
* You're free to add application-wide styles to this file and they'll appear at the top of the 
* compiled file, but it's generally better to create a new file per style scope. 
* 
*= require_self 
*= require font-awesome 
*= require bootstrap_and_overrides 
*/ 

回答

1

移動require_self最後一行。

+0

我試過這個和相同的結果 - 失去了一些樣式。感謝您的建議。 – pvskisteak5

0

左右,基本CSS重寫發生這樣的

1)最後一個勝 2)更具體的CSS選擇器勝(不管它的定義)

所以,如果你做的補丁來引導,確保你把放在之後,你包括bootstrap本身,然後嘗試使用更具體的CSS選擇器,比如使用你的應用特定的css類名稱和類似的東西。