id を介して最初にスタイルを定義したときにのみ、ラベル タグのクラスを介したラベルのスタイリングが機能する理由を誰か教えてもらえますか?
これが私の例です:
なぜこれが境界線を緑色にするのですか: http://jsfiddle.net/HxrSU/13/
それでも、ID を介してスタイリングを削除すると、これは行われませんか? http://jsfiddle.net/HxrSU/14/
これが完全なコードです。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>