css多个样式,css多个样式定义可层叠为一个

对页面上同一个元素不可以同时应用多个css样式表正确吗？

如果多个样式表里面对同一个元素应用的是不同的css 样式是没问题的，如果是同一个css 样式的话按照加载顺序来后面的样式会覆盖前面的样式(比如后面设置的height :21px 就会覆盖前面的样式表设置的height :18px )

成都创新互联是一家专业提供福田企业网站建设,专注与网站建设、做网站、H5技术、小程序制作等业务。10年已为福田众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

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

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

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样式

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

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

例如：

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

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