精通div+Css 的高手请进

有那位高手能指点一下,这下面的CSS里面的样式如何理解:
body.new_candidates div.candidates h2
{
margin-bottom: 10px;
}
小弟分不多,请多见谅。
我想再问一下,下面的这样式如何理解
body.todos div#widgets,
body.todos div.list,
body.todos div.list_wrapper,
body.todos div.list div.viewallcomplete,
body.todos div.list div.item,
body.todos div.list div.item div.content,
body.todos div.list div.item form p.submit,
body.todos div.list_with_time_tracking div.item div.item_time_tracker {
zoom: 100%;
}

dody           div          h2{ margin-bottom: 10px; }

-------------------------------------------------------------------

.new_candidates    .candidates     h2{margin-bottom: 10px; }

分解应该就是这样!看不明白 可以再问

温馨提示:答案为网友推荐,仅供参考
第1个回答  2009-12-16
首先,一个网页只有一个body(iframe除外)。
意思就是说,对(class名字为new_candidates的body)下面所有(class名字为candidates的div)下面的h2进行定义,定义为该类h2距离底部元素的边距为10px;

例如:
<body class="new_candidates">
<div class="candidates">
<h2>这个h2遵按定义的样式表现</h2>
</div>
<div class="candidates">
<h2>这个h2遵按定义的样式表现</h2>
</div>
<div class="other">
<div class="candidates">
<h2>这个h2遵按定义的样式表现</h2>
</div>
</div>
<p class="candidates">
<h2>所定义的样式管不到这个h2,因为该h2是p元素的子元素,不是div的子元素</h2>
</p>
<div class="other">
<h2>所定义的样式管不到这个h2,因为这个h2的全名是"div.other h2"</h2>
</div>
</body>

另外,
“ ”空格,在css里是“子孙定义符”,
“>”是“子定义符”,
“,”是分组定义符。
第2个回答  2009-12-16
在类标记为news_candidtaes的页面下,所有类标记为candidates的div容器里的h2,下外边距为10px
第3个回答  2009-12-16
这个CSS的意思是说查找body下面标签的class为new_candidates 和所有div下的标签class为candidates 中h2的标签 下外间距为10个像素
相似回答