CSS Selector不处理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">