???最近做網(wǎng)頁(yè)的時(shí)候無(wú)意中發(fā)現(xiàn)一個(gè)有意思的問(wèn)題,只在Ie中測(cè)試過(guò),不知道在firefox中有什么現(xiàn)象。
先定義樣式表:
<STYLE>
DIV .head1
{
?background-color: yellow;
}
DIV.head2
{
?background-color: red;
}
</STYLE>
展現(xiàn)樣式:
<div class="head1">div1</div>
<span class="head1">span1</span>
<div class="head2">div1</div>
<span class="head2">span1</span>
div1
span1
div1
span1
測(cè)試head1 與head2的區(qū)別
<div>
<div class="head1">div2</div>
<span class="head1">span2</span>
</div>
div2
span2<p>
<div class="head1">div2</div>
<span class="head1">span2</span>
</p>
div2
span2總結(jié):
?head1樣式和head2樣式的主要區(qū)別就是中間多了一個(gè)空格。?感覺(jué)像是head1樣式是指在div內(nèi)部適用的樣式;?head2樣式是應(yīng)用于div元素上的樣式;
另:由于博客上的編輯器自動(dòng)在style之間增加了cdata角標(biāo),導(dǎo)致我的效果無(wú)法顯示,head1的效果我是通過(guò)設(shè)置背景色完成的,有興趣的朋友可以把那幾段代碼拷出來(lái)存成一個(gè)文件,就可以看到效果。
請(qǐng)高手指教。