html - CSS获取元素的第一个子元素以显示为 block

Question

我无法找出正确的选择器来选择带有类的 div 之后的第一个元素。

.eleSpacing {
  display: inline-block;
  margin: 0 2em;
}

div.eleSpacing:first-child {
  display: block;
}

<div class="eleSpacing">
  <label for="fiscalYear">Fiscal Year</label>
  <select id="fiscalYear"></select>
</div>

我希望 label 显示在 select 元素上方。

将内联样式设置为 display:block; 完全符合我的要求，但我无法找出正确的组合来从 CSS 中选择它。

Answer 1

parent 在前， child 在后。例如，如果我有一个类名为“.parent”的 div，其中有几段，如果我想让第一段变成红色，我会执行以下操作:

.parent p:first-child {
   color: red;
}

所以在你的情况下，以下应该有效:

div.eleSpacing label:first-child {
   display: block;
}