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

The clear:both; прикладывается к DIV, но font-weight:bold; не применяется к этикеткам. Как я применил бы это font-weight к ярлыкам?

Answer 1

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

• # является селекторе

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

так что вы должны либо дать с правилами селектор класса

.formFields 

или введите div ID formFields:

<div id="formFields">