CSS选择器不适用于div中的元素

Question

我有以下HTML结构：

<div class="formFields">
     <label> Field 1: </label>
     <input type="text" value="" name="field1" />
</div>

我的CSS选择器如下：

#formFields {clear:both;}
#formFields label {font-weight:bold;}

clear:both; 应用于div，但font-weight:bold; 未应用于标签。 我如何将这种font-weight应用于标签？

Answer 1

目前，没有规则适用于div。

• #是ID选择器

• . 将是类选择器

所以您要么必须给规则提供类选择器

.formFields

或为div提供ID formFields ：

<div id="formFields">