css样式重名,css样式命名规范

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

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

如果不一样的话，它会从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;

相关问答

Q1: css .a .b 是什么意思？这代码有什么问题？ 后面为什么可以重名？

.a .b .c是类名，类名是可以给多个对象的。

设置的样式，如果忽略继承，只在所对应类名的div盒子内有用。

根据你给出的代码来看，你并没有给类名a设置任何的样式，所以字体颜色显示的是默认黑色。

Q2: javascript重名函数、css重名样式

无论重定义多少次,都是后定义的盖掉了前面定义的..css和js都是.

CSS有一点:

css1.css里定义body{color:red}

css2.css里定义body{font-size:12px}

最终就是body{color:red;font-size:12px}的效果.就是说CSS如果没有对同一个属性重定义,之前定义的属性还是会产生作用.

JS也有一点:

有些情况,要使JS能重载.

js1.js里定义了func1()

js2.js里为了不失去js1.js里对func1()的定义,则故意想些办法保留...

不过种情况很少见.

Q3: 两个css文件有相同名称的类

1、将b.css里面的这个属性删掉。

2、引入文件的时候先引入b.css，后引入a.css（但是这个有一个要求就是对.main设定的样式是相同的。）

3、写行内样式，这样就只应用行内样式（但是考虑你是想应用a.css的样式，那最好是选用第一种方法，当然如果符合要求那选用第二种方法也行）

Q4: 引入了两个样式表文件，都有相同名字的css样式，都想用到，怎么办？

用对象访问

例如：两个Js文件a.js与b.js，两个js文件都含有function c()

var a = {}

a.c = function(){ xxx }

var b = {}

b.c = function(){ xxx }

调用的时候就写：

a.c()、b.c() // 这样调用就行

css 文件更加好办，在相同class名内，加一个css类名，覆盖相应的css样式就成！

若有疑问，欢迎追问！