通过输入ID访问特定范围

Question

我有以下html：

<span class="e-datewidget e-widget validityDate e-ntouch e-valid">
  <span class="e-in-wrap e-box e-padding">
    <input id="ValidityDate" readonly="readonly">
    <span id="ValidityDate-img" class="e-select" style="display: block;">
        <span class="e-icon e-calendar" aria-label="Select">
        </span>
    </span>
  </span>
</span>

我要在具有display:none的跨度上应用class: "e-icon e-calendar"样式。

如何通过CSS中的输入ID来访问此范围以设置display：none样式？

Answer 1

#ValidityDate + span > .e-icon.e-calendar {
  display: none;
}