他的css为.demo{width:100pxheight:100pxcolor:red}你在后面还可以定义.demo{font-size:12pxcolor:blue}这里面css的属性是看你的要求定的，如果后面定义的属性跟前面已经定义过，则后面的覆盖前面的（demo层中内容显示blue）这个你可以去学下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好象影响效果问题
多个样式表使用 一般针对对个模板来设置的比如用户的前台信息是一个 样式表css1 然后后台操作的界面是另一个 css2 这样在以后的修改都非常的方便
冲突是因为你对一个class 后者 id 设置的多个同样的样式 这样才会冲突
解决兼容 在实践中发现以及baidu
