
正文
css多个样式,css多个样式定义可层叠为一个
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
对页面上同一个元素不可以同时应用多个css样式表正确吗?
如果多个样式表里面对同一个元素应用的是不同的css 样式是没问题的,如果是同一个css 样式的话按照加载顺序来后面的样式会覆盖前面的样式(比如后面设置的height :21px 就会覆盖前面的样式表设置的height :18px )
相关问答
Q1: 如何引用多个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好象影响效果问题
Q2: 如何同时定义多个元素的CSS样式
多个样式或者标签中间用逗号(,)隔开
这样就可以让他们拥有共同的样式
例如:
.div1,.div2,.div3{color:#f00;} //这里表示的是相同的三个DIV颜色为红色
p,h1{color:#f00;} //p标签和h2标题颜色为红色





