我們知道,css文件引入方式有兩種:
1. HTML中使用link標簽
2.CSS中@import
第一種方式最為常見最為主流,第二種方式則很少見到有人這么寫,因而也常被開發工程師所忽略。這篇文章就詳細解剖之。
語法
@import語法有兩種:
這兩種語法并沒什么差別。
規則
import規則一定要先于除了@charset的其他任何CSS規則,這句話是什么意思呢,我們看個例子:
index.html
測試發現,p的顏色并不是import.css里所定義的藍色,而是之前定義的橘黃色。打開網絡請求會發現沒有請求import.css文件,這正是因為,再次強調一遍,import規則一定要先于除了@charset的其他任何CSS規則,所以需要將index.html改成醬紫:
這時候能看到import.css網絡請求,p的顏色為橘黃色,覆蓋了import.css里定義的藍色。
媒體查詢
@import和link一樣,同樣可以定義媒體查詢(media queries),我們先看看link定義的方式:
新聞熱點
疑難解答