display：none not working - 可能是错误的元素

Question

我需要将side form的蜜罐部分设置为display:none但由于某种原因，我的CSS调整不起作用。涉及的元素是这些（如通过Firebug检查时所示）：

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

在样式表上，我插入了：

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

我有一种感觉，我的目标是错误的元素。应该是哪一个？

Answer 1

你需要这样做：

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

你忘了添加＆＃34;。＆＃34;在每个类名之前，由于所有类（和ID）都在同一个元素上，因此需要将所有类和ID连接在一起。

但更优雅的解决方案是简单地定位ID：

#field_9_9 {
    display:none;
}