Как скрыть определенное поле класса c?

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