如何引用多个CSS外部样式表

一种方法，是简单的使用多个link标签：

成都创新互联专注于企业营销型网站、网站重做改版、沙市网站定制设计、自适应品牌网站建设、HTML5建站、商城建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为沙市等各大城市提供网站开发制作服务。

link type="text/css" href="a.css" rel="stylesheet" /

link type="text/css" href="b.css" rel="stylesheet" /

……

另一种方法，是使用import：

all.css中这么定义：

@import "a.css";

@import "b.css";

页面中使用link标签：

link type="text/css" href="all.css" rel="stylesheet" /

注意：import好象影响效果问题

如何给元素定义多个css类样式

假如有个div 如 div/div ;样式 class_1,class_2,class_3 ...

给div定义多个样式 div class="class_1 class_2 ..."/div，多个class用空格隔开

如何同时定义多个元素的CSS样式

多个样式或者标签中间用逗号（，）隔开

这样就可以让他们拥有共同的样式

例如：

.div1,.div2,.div3{color:#f00;} //这里表示的是相同的三个DIV颜色为红色

p,h1{color:#f00;} //p标签和h2标题颜色为红色

如果在html文件中对于同一个元素可以有多个css样式存在

一般一个元素对应一个css，比如：

h1一个元素/h1

h1{

color:red;

}

如果多个元素，比如：

h1多个元素/h1

h1{

color:red;

}

h1{

color:blue;

}

h1{

font-size:50px;

}

那么这样的话，就有先来后到的顺序。第一个表示红色，第二个表示蓝色，第三个是字体大小。按照显示该文字应该是“蓝色+50像素大小”。红色的元素就被忽略了。

所以，html是可以有多个元素的，但会遵循先来后到的原则。希望能够帮到你，谢谢。

当前标题：多个css样式,css多个类
转载来于：http://azwzsj.com/article/dsscghd.html