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">