大家知道多重CSS样式定义吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验，在此拿出来与大家分享下，请大家互相指正。

一个标签可以同时定义多个class，也可以是同一个class中重复定义属性。例如：

我们先定义两个样式

.one{width:200px;background:url(1.jpg) no-repeat left top;}

.two{border:10px solid #000; background:url(2.jpg) no-repeat left top;}

在页面代码中，我们可以这样调用:

这样最终的显示效果是这个div样式是什么呢??重复的是以哪一个为准呢??

应用到的样式如下：

width:200px;

border:10px solid #000;

background:url(2.jpg) no-repeat left top;

因为，当应用两个或多个样式时，浏览器所应用的样式根据是属性追加重复最后优先原则

就是说两个或多个或重复的样式名定义，浏览器所应用的样式是按先后顺序的，如果定义了重复的属性值，以最后定义的为准，如果应用了两个或多个样式名，里面不重复定义的属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。

相信大家已经了解多重CSS样式定义了吧!感谢大家对我们网站的支持!

相关推荐：

CSS的优先级介绍 

divcss默认值是什么呢