这是什么css规则,怎么没见过,也找不到一些资料啊

来源：百度知道 编辑：UC知道 时间：2024/05/13 15:44:34
.all .top .dh
{
margin-top: 10px;
}
就是这样的css规则是什么意思啊,我不是不懂margin-top: 10px;的意思,而是不明白.all .top .dh
css规则不是可以用逗号分隔多个选择符的嘛?比如这样的body,td,th,div,form,ul,li {
font-size: 12px;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}

但可以这样分隔类名嘛?(.all .top .dh )

这是层层递进的意思，前面“.all .top”其实没有意义的，前面肯定有了定义，在这里只起到标注位置的作用，为将来改样式表方便，比方网易的样式

.personality{border:1px solid #cbcbcb; clear:both;}
.personality .login{height:24px; clear:both; border-bottom:1px solid #CBCBCB;}
.personality .login .text{float:left; width:115px; text-align:left; color:#1f3a87; }
.personality .login .text ul{}
.personality .login .text li{ text-align:left; list-style-type:none; padding:2px 0 0 6px;}
.personality .login .weather{ padding:0 0 0 6px;float:right; height:24px; overflow:hidden; width:301px; background:url(163/img6/bg8.gif) #fff no-repeat;}
.personality .login .weather .s1{ float:left; padding:2px 0 0 3px;}
.personality .login .weather .s2{ float:left; padding:7px 0 0 3px;}
.personality .login .weather .s3{ float:left; padding:3px 0 0;}

也可以改成
.personality{border:1px solid #cbcbcb; clear:both;}
.login{height:24px; clear:both; border-bottom:1px solid #CBCBCB;}
.text{float:left; width:115px;