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;}

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 100 * font-weight:bold; не применяется к этикеткам.Как бы я применил это font-weight к ярлыкам?

Answer 1

На данный момент ни одно из правил не применяется к div.

• # является селектором идентификатора

• . будет селектором класса

так что вам придется либо указать правилам селектор класса

.formFields

или дайте div ID formFields:

<div id="formFields">