Question

有多个CSS，是不是其中不能有相同的class名？

比如我想在有SITE.CSS ,BASE.CSS，里面都有一个.head_framework{ width:100%;}
我在HTML中标签<div class="head_framework">
那这个找的是找那个？

Answer 1

如果没个样式表里面的，属性都是一样的，那没关系的。
如果不一样的话，它会从html文档从上往下，一个一个继承，碰到一样的属性，下面的代码覆盖上面的样式代码,
比如：
site.css里面.a{width:100px;height:100px;}
base.css里面 ,a{width:200px;height:100px;}

<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
如果你HTML里面是这样先后顺序的话，那 width：200px height:100px;

<link href="css/sbase.css" rel="stylesheet" type="text/css" />
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
如果你HTML里面是这样先后顺序的话，那 width：100px;height:100px;

Answer 2

建议看看css规则层叠

例子：
site.css有：
.head_framework{ width:100%;}

base.css有：
.head_framework{ width:90%;}

在引用css文件时候，
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />

后者将会覆盖前者，即.head_framework{ width:90%;}

Answer 3

css就近原则。

Answer 4

那个在后面就执行哪个.