同时调用两个CSS

Question

如果我同时调用两个外部CSS，如：
<LINK href=".../css1.css">
<LINK href=".../css2.css">

而在CSS1和CSS2中都有.abc
在CSS1中
.abc{float:left;}
在CSS2中
.abc{float:right}
那到底是向左浮动还是向右浮动？为什么？

Answer 1

向右浮动，这是最基本的CSS的优先级。
你要了解CSS的优先级的话，去查CSS手册，根据ABCD四个位置加权得出的优先级别。

这种方式非常要不得，不但对后期维护有不利影响，就是头一次编辑都容易出错。
选择器的目的就是避免这个问题，有必要的时候一定要用详细的选择器，或分组/分级。

Answer 2

向右浮动

因为css2后被读取，会覆盖掉之前相同的样式；就算在同一张表里，一前一后两个相同的也是这样。

如果仅仅是两个左右浮动样式调用，可以在公共样式里写

.float-left {
float: left;
}
.float-right {
float: right;
}

这样也方便，其他标签使用。本回答被提问者采纳

Answer 3

右浮动，因为先加载css1然后加载css2,这个很容易试的，你把两个文件调换个上下顺序，直接看效果。

Answer 4

应该是向右，而且，因为css2写在了下面，但是不建议这样写，这样对后期维护，会有各种问题，建议加上父级class，限制一下本回答被网友采纳