CSS只能通过兄弟选择器选择一个元素

Question

我有这个html（为了简洁起见）

<label>
    <div class="label">Condition</div>
    <select>
        <option value="blah" selected="selected">Blah</option> 
        <option value="other...">other...</option>
    </select>
    <input type="text" name="condition" value="" style="display: none;">
</label>

我想获得选择元素。我能看到的唯一静态/非泛型因素是输入[name ='condition']，但是通用兄弟选择器无济于事，因为'select'出现在输入之前。所以input[name='condition'] ~ select之类的东西不起作用。

这个元素移动，有时是第一个，有时是第二个，可以是介于两者之间的任何和所有位置，因此第n个不起作用。

我知道如何使用Javascript / Jquery获取此功能，但这不是一个选项。我只有CSS选择器可用。所以最大的问题是，有没有办法只使用CSS选择器从这个HTML中获取'select'？

有没有办法让select元素的选项元素值为''something'？

Answer 1

试试这个css代码：

div.label ~ select

它返回任何前面带有类标签div的选择。