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