CSS选择器优先级问题_html/css_WEB-ITnose

html如下

Box-1

Box-2

Box-3
Box-3
Box-3
Box-3

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优先了呢？

回复讨论(解决方案)

我觉得你的格式出现个问题。father ,clear 是属于同一级的，如果你想一起写的话，之间应该加上逗号。

并且 .father div 格式应该是不争取的，应为你想定位的是class名为father 的div ,所以应该改为：div.father

http://developer.51cto.com/art/201009/226852.htm

我觉得你的格式出现个问题。father ,clear 是属于同一级的，如果你想一起写的话，之间应该加上逗号。

并且 .father div 格式应该是不争取的，应为你想定位的是class名为father 的div ,所以应该改为：div.father

.father .clear加上逗号就是并集选择了 我只想选clean啊

.father div选的是.father里边的div 不是class名为father 的div啊

http://developer.51cto.com/art/201009/226852.htm

“通常我们用1表示标签名选择器的优先级，用10表示类选择器的优先级，用100标示ID选择器的优先级”

懂了 谢谢