CSS选择器优先级有关问题
日期：2014-05-17 浏览次数：20684 次
CSS选择器优先级问题
html如下
<body>
<div class="father">
<div class="son1">Box-1</div>
<div class="son2">Box-2</div>
<div class="son3">Box-3<br />Box-3<br />Box-3<br />Box-3</div>
<div class="clear"></div>
</div>
</body>
CSS如下
.father div
{
padding:10px;
margin: 15px;
border: 1px dashed #111111;
background-color: #90baff;
}
.father .clear
{
margin: 0;
padding: 0;
border: 0;
clear: both;
}
为什么选择器 .father .clear的优先级比.father div高呢？
为什么把.father .clear换成.clear就变成.father div优先了呢？
------解决方案--------------------
http://developer.51cto.com/art/201009/226852.htm
html如下
<body>
<div class="father">
<div class="son1">Box-1</div>
<div class="son2">Box-2</div>
<div class="son3">Box-3<br />Box-3<br />Box-3<br />Box-3</div>
<div class="clear"></div>
</div>
</body>
CSS如下
.father div
{
padding:10px;
margin: 15px;
border: 1px dashed #111111;
background-color: #90baff;
}
.father .clear
{
margin: 0;
padding: 0;
border: 0;
clear: both;
}
为什么选择器 .father .clear的优先级比.father div高呢？
为什么把.father .clear换成.clear就变成.father div优先了呢？
------解决方案--------------------
http://developer.51cto.com/art/201009/226852.htm
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
