CSS select + select 如何获得第一个 select

Question

请帮帮我！！

在这种情况下，我不能获得第一个 select：

select+select{
   width: 50%;
}

我想将两个 select 控件设置为相同的宽度。

注意：我无法为 select 设置不同的 class，因为这是一个由 symfony ->render() 呈现的小部件 HTML。

<div>
  <select>
    <option>...</option>
  </select>

  <select>
    <option>...</option>
  </select>

</div>

PD：抱歉我的英语不好。

Answer 1

select:first-child {
  width: 50%;
}

Answer 2

如果要将两个 select 设置为相同的宽度，请使用：

select { width: 50% }

您的示例在第二个 select 上将宽度设置为 50%。

CSS select + select How to get first select