如何隐藏一个特定的类字段？

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