從css文件中替換@import時的正確鏈接順序是什麼

我有一個由其他人制作的html網頁設計;他們已經在css文件中使用了@import。我有幾個原因（主要是：http://www.stevesouders.com/blog/2009/04/09/dont-use-import/）刪除css文件裏面的@import，而是直接將其包括在與HTML頁面：<link rel="stylesheet"… >從css文件中替換@import時的正確鏈接順序是什麼

我的問題是現在：什麼將是包括的文件的正確方法通過鏈接維持目前的規則驗證序列

當前@import序列，如：

a.css 
    @import b.css 

b.css 
    @import c.css 
    @import d.css

將正確的連接順序是：

a.css 
b.css 
c.css 
d.css

或者是這樣的：

c.css 
d.css 
b.css 
a.css

或???

每個文件除了一個或多個導入標籤還包含自己的css規則外，還包含其他文件。

根據記錄：它不是爲我收集在一個文件中的所有文件的選項 - 在不同的CSS文件用於我不同的上下文中單獨和/或共同

來源

2011-11-30 Henrik Stenbæk

@import規則包含所有樣式，就好像它們在該位置上一樣。實施例（default.css）：

@import "first.css"; 
@import "second.css"; 
@import "third.css"; 

body { 
    color: #333333; 
}

在這種順序，first.css的所有CSS規則將首先施加，則second.css，則third.css。所以，如果你想刪除的包容，只要按照進口環節和在HTML頭部分添加它們順序如下：

<head> 
    <title>Whatever</title> 
    <link href="first.css" rel="stylesheet" type="text/css"> 
    <link href="second.css" rel="stylesheet" type="text/css"> 
    <link href="third.css" rel="stylesheet" type="text/css"> 
    <link href="default.css" rel="stylesheet" type="text/css"> 
</head>

所以，你的情況將是：

c.css 
d.css 
b.css 
a.css

來源

2011-11-30 08:14:02

我相信他們會在被解析爲了將它們呈現給瀏覽器，在鏈接的樣式表中，導入規則必須在文件中的任何其他規則之前出現，否則會發生錯誤，因此我再次假設它們按順序被解析。

a.css 
b.css 
c.css 
d.css

如果您發現這不是真的，請發回。

來源

2011-11-30 08:13:40

從css文件中替換@import時的正確鏈接順序是什麼

回答

相關問題