Question

如果在同一个文本中应用两种CSS样式相互冲突,浏览器显示什么样式属性

Answer 1

粟子：
<style>
.test1{width:100px;}
.test2{width:200px;}
</style>
<div class="test1 test2">那么这个DIV的宽度是200PX</div>
<div class="test1 test2" style="width:300px;">这个DIV的宽度是300PX</div>

另外一个粟子:
<style>
.libg{background:#cccccc;}
ul li{background:#000000;}
</style>

<ul>
<li class="libg">那么这个LI的背景是#CCCCCC灰色，因为它们两的优先级别不一样class的优先级别比LI高，所以会是应用libg</li>
</ul>

Answer 2

显示下面的，越往下，优先级别越高

Answer 3

css有优先级的
看看这个吧

http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html

Answer 4

Vue实践-CSS样式position/display/float属性对比使用