CSS樣式中的內容標籤

Question

任何人都可以告訴我爲什麼我的標籤樣式通過類標籤標籤只有當我第一次通過ID定義樣式時才起作用嗎？

這裏是我的例子：

爲什麼這項工作打開邊境綠色： http://jsfiddle.net/HxrSU/13/

然而，這不，當我通過ID刪除的造型？ http://jsfiddle.net/HxrSU/14/

下面是完整的代碼，從ID的http://jsfiddle.net/HxrSU/13/

<style type="text/css"> 
#red { 
border: thick dotted red;  
} 

.label-for-check { 
border: thick solid green; 
} 
</style> 

<input type="checkbox" id="check" class="check-with-label" /> 

<label for="check" id="red" class="label-for-check"> 
MyField 
<input type='text' id='myfield' name='myfield' size='10' /> 
</label>