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>