應用，一定要應用

???最近做網頁的時候無意中發現一個有意思的問題，只在Ie中測試過，不知道在firefox中有什么現象。
先定義樣式表：
<STYLE>
DIV .head1
{
?background-color: yellow;
}

DIV.head2
{
?background-color: red;
}

</STYLE>


展現樣式：

<div class="head1">div1</div>
<span class="head1">span1</span>
<div class="head2">div1</div>
<span class="head2">span1</span>

span1 span1

測試head1 與head2的區別

<div>
<div class="head1">div2</div>
<span class="head1">span2</span>
</div>

<p>
<div class="head1">div2</div>
<span class="head1">span2</span>
</p>

span2

總結：
?head1樣式和head2樣式的主要區別就是中間多了一個空格。?感覺像是head1樣式是指在div內部適用的樣式；?head2樣式是應用于div元素上的樣式；

另：由于博客上的編輯器自動在style之間增加了cdata角標，導致我的效果無法顯示，head1的效果我是通過設置背景色完成的，有興趣的朋友可以把那幾段代碼拷出來存成一個文件，就可以看到效果。

請高手指教。