有沒有辦法在一個母版頁中使用多個CSS樣式表？

我正在創建一個web應用程序，並且已經寫了一個CSS樣式表來應用於所有的顏色，佈局，定位等。它大約有800行。有沒有辦法在一個母版頁中使用多個CSS樣式表？

我想爲用戶提供選擇配色方案首選項的選項;目前這意味着我的項目中有6個CSS文件副本，每個副本只有不同的顏色屬性（約15或20行），以表示6種不同的顏色方案選項。

這看起來像很多繁瑣的重複;所有其他CSS屬性在每個副本中保持不變。

有沒有辦法將顏色屬性分離成一個單獨的CSS樣式表，以將常規CSS樣式表應用到頁面中？

來源

2013-02-23 The Furious Bear

您可以包括一個頁面上有多個樣式表... – 2013-02-23 00:17:24

不知道;網絡開發新手。非常感謝，這正是我所做的。 – 2013-02-23 01:10:56

之一來完成你的目標的方法是提取每一個CSS-元件，其由着色的影響，並把它在一個單一的選擇，如：

p, li, #whatever, .someClassInfluencedByColoring{ 
    color: #[yourColor]; 
}

你可以把這個聲明爲一個CSS-文件（例如color.css），然後使用import語句就像在主CSS-文件如下：

@import url("color.css");

另一種方法是使用SASS或LESS和使用，你在每一次樣式定義的顏色變量。

來源

2013-02-23 00:32:24 fachammer

製作顏色樣式表。比方說，你的主要有一個名爲

Main.css 

.example{ 
float:right; 
width:100px; 
height:auto; 
}

類而你要應用到它與用戶指定的顏色方案的顏色。

使較小的配色方案，像這樣

Color1.css 

.example{ 
color:orange; 
} 

Color2.css 

.example{ 
color:red; 
}

在主索引頁應該是這樣的：

<head> 
<link rel="stylesheet" type="text/css" href="main.css" /> 

    <?php 
    //user get color scheme from db query 
    $color = //user color variable 
    if($color == 1){ 
    echo '<link rel="stylesheet" type="text/css" href="color1.css" />'; 
    }elseif($color == 2){ 
    echo '<link rel="stylesheet" type="text/css" href="color2.css" />'; 
    } 
    ?> 
</head>

這是我能想到的唯一途徑。

來源

2013-02-23 00:48:30 user2067005

-1

只使用

var bleh = $('body'); 
function changeToBlue() { 
    bleh.css("background","blue"); 
}

來源

2013-02-23 00:58:33

有沒有辦法在一個母版頁中使用多個CSS樣式表？

回答

相關問題