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

html-css036

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

如果没个样式表里面的，属性都是一样的，那没关系的。

如果不一样的话，它会从html文档从上往下，一个一个继承，碰到一样的属性，下面的代码覆盖上面的样式代码,

比如：

site.css里面.a{width:100pxheight:100px}

base.css里面 ,a{width:200pxheight: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：100pxheight:100px

是的。在两个不同的css文件中使用相同的class类名的话只有一个才有效的。要实现不同文件同时控制html标签的样式的话，可以按照这样的方式写。如下示例代码：

html代码：

<div class="style1 style2"></div>

css文件一：

.style1{color:#000}

css文件二：

.style2{background:red}