如何隐藏特定的类字段？

Question

我需要隐藏此字段“预计搬出日期”。如何使用CSS？

<p class="mphb_sc_search-check-out-date frm_form_field">
    <label for="mphb_check_out_date-mphb-search-form-5eb2a4b467b3b">
        Estimated move-out date         <abbr title="Formatted as dd/mm/yyyy">*</abbr>
    </label>
    <br>
    <input id="mphb_check_out_date-mphb-search-form-5eb2a4b467b3b" data-datepick-group="mphb-search-form-5eb2a4b467b3b" value="" placeholder="Estimated move-out date" required="required" type="text" name="mphb_check_out_date" class="mphb-datepick mphb_datepicker is-datepick" autocomplete="off">
</p>

到目前为止，我已经尝试了以下方法，但是它不起作用：

.mphb_sc_search-check-out-date frm_form_field { display: none; }

也尝试过

.mphb_sc_search-check-out-date.frm_form_field { visibility: hidden; } 

有效。除了它在中间留了一个大的空白孔。不理想，但是...

最后我想通了！

.mphb_sc_search-check-out-date.frm_form_field {
  display:none !important;
}    

Answer 1

创建一个新类并将其添加到元素中。

.display-none {display：none; }