用我的自定義css問題覆蓋foundation.css

我剛開始使用Foundation 6. 我正在使用css文件和js文件的簡單存檔。用我的自定義css問題覆蓋foundation.css

我想重寫默認的字體家族與我的，但基礎的CSS風格重寫我的CSS。我究竟做錯了什麼？

這裏是我的代碼：

@font-face { 
 
    font-family: josefin; 
 
    src: url('../fonts/josefin/JosefinSans-Regular.ttf'); 
 
} 
 
body{ 
 
    font-family: 'josefin'; 
 
} 
 
.main-header{ 
 
    background-color: #D72B3F; 
 
}

<!DOCTYPE html> 
 
\t <html> 
 
     <head> 
 
      <link rel="stylesheet" href="lib/foundation-6/css/foundation.css">    
 
      <link rel="stylesheet" href="css/app.css">       
 
\t \t </head> 
 
     <body> 
 
      <header> 
 
       <div class='main-header expanded row'> 
 
        <div class='small-12 columns'> 
 
         <h1>Title</h1> 
 
        </div> 
 
       </div> 
 
      </header> 
 

 
      <footer> 
 
       <div class='row'> 
 
        <div class='small-12 colums'> 
 
         <h1>Footer</h1> 
 
        </div> 
 
       </div> 
 
      </footer> 
 

 
     <script type="text/javascript" src="lib/jquery/jquery-1.12.0.min.js"></script>      
 
     <script type="text/javascript" src="lib/foundation-6/js/foundation.min.js"></script> 
 
\t \t </body> 
 
\t </html>

感謝。

編輯1：我試過！很重要，它不起作用。

Edit2：我不認爲這是關於我自己的css語法錯誤，因爲當我在firebug中禁用foundation.css的字體條目時，我可以在我的自定義css中顯示字體定義。

來源

2016-02-15 Valere

嘗試添加（！重要）在你想改變的CSS結尾eg eg（font-family：'josefin'！important） - https://css-tricks.com/when-using-important-is - 正確的選擇/ – Tasos

你好，我已經嘗試過！重要的（我應該提及它），它不工作。 – Valere

我固定我的問題，我覺得STO愚蠢:)

，我在我的應答器測試的字體，foundation.css對元件的特定規則。所以我不得不在css中重寫。

h1,h2,h3,h4,h5,h6{font-family: 'josefin';}

在這裏，我們去，謝謝你的幫助！

來源

2016-02-15 09:41:48 Valere

用我的自定義css問題覆蓋foundation.css

回答

相關問題