CSS样式中的内容标签
问题描述:
任何人都可以告诉我为什么我的标签样式通过类标签标签只有当我第一次通过ID定义样式时才起作用吗?CSS样式中的内容标签
这里是我的例子:
为什么这项工作打开边境绿色: 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>
答
CSS语句的代码都在优先级(特异性)高于上课。
了解更多:http://www.w3.org/TR/CSS2/cascade.html
一种方法与你的类语句覆盖ID声明将包括从相互祖先的ID:如果你希望所有
#page .label-for-check {
border: thick solid green;
}
答
标签要与下面做的相同
label {
border:5px solid red;
}
如果你想进一步专门化一个特定的,然后使用类或ID。
答
变化:
.label-for-check {
border: thick solid green;
}
要:
label.label-for-check {
border: thick solid green;
}
,它会正常工作。
你不能把''
对于“教一个人钓鱼”的建议,我建议使用整洁按钮。它指出了你的这种事情。 – isherwood 2013-03-14 17:21:26
谢谢你们两位,现在有道理。 – Chain 2013-03-14 17:30:54