CSS Selector不处理div中的元素

ste*_*bot 1 html css css-selectors

我有以下HTML结构:

<div class="formFields">
     <label> Field 1: </label>
     <input type="text" value="" name="field1" />
</div>
Run Code Online (Sandbox Code Playgroud)

我的CSS选择器如下:

#formFields {clear:both;}
#formFields label {font-weight:bold;}
Run Code Online (Sandbox Code Playgroud)

clear:both;被应用到div,但font-weight:bold;没有被应用到标签.我如何将其应用于font-weight标签?

Pek*_*ica 10

目前,没有任何规则适用于div.

  • # 是ID选择器

  • . 将是类选择器

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

.formFields
Run Code Online (Sandbox Code Playgroud)

或者给div一个ID formFields:

<div id="formFields">
Run Code Online (Sandbox Code Playgroud)