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

【问题标题】：CSS Selector not working on elements within a divCSS 选择器不适用于 div 中的元素
【发布时间】：2010-12-28 16:48:49
【问题描述】：

我有以下 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 应用于标签？

【问题讨论】：

【解决方案1】：

目前，没有任何规则应用于 div。

所以你要么必须给规则类选择器

.formFields

或者给 div 提供 ID formFields:

<div id="formFields">

【讨论】：