Anzeige: keine funktioniert - wahrscheinlich falsch Element gezielt

Question

Ich muss einen Honeypot Abschnitt von side form auf display:none setzen, aber aus irgendeinem Grund meine CSS-Anpassungen nicht funktionieren würde. Die Elemente beteiligt sind diese (wie wenn es über Firebug inspiziert gezeigt):

<li id="field_9_9" class="gfield gform_validation_container field_sublabel_below field_description_below"> 
<label class="gfield_label" for="input_9_9">Phone</label> 
<div class="ginput_container"> 
<input id="input_9_9" type="text" value="" name="input_9"> 
</div> 
<div class="gfield_description">This field is for validation purposes and should be left unchanged.</div> 
</li> 

Am Sheet I eingefügt:

.gfield gform_validation_container field_sublabel_below field_description_below #field_9_9 { 
     display:none; 
} 

Ich habe das Gefühl, ich bin das falsche Element Targeting. Welcher sollte es sein?

Answer 1

Sie müssen dies tun:

#field_9_9.gfield.gform_validation_container.field_sublabel_below.field_description_below { 
    display:none; 
} 

Sie haben vergessen, die hinzuzufügen "" Vor jedem Klassennamen und da sich alle Klassen (und ID) auf demselben Element befinden, müssen Sie alle Klassen und IDs zusammenfügen.

aber eine elegantere Lösung wäre, einfach die ID zum Ziel:

#field_9_9 { 
    display:none; 
}