有没有办法在一个母版页中使用多个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样式表？

回答

相关问题