Question

我该如何选择：

<a href="javascript:void(0)" class="chzn-single">

从：

开始

<div class="field_with_errors">

以下是完整的代码：

<div class="field_with_errors">
    <label for="municipio_uf">Uf</label>
</div>
<select id="municipio_uf_id" name="municipio[uf_id]" style="display: none; " class="chzn-done">
    <option value="">-</option>
    <option value="1">Parana</option>
    <option value="2">Sao Paulo</option>
    <option value="3">Minas Gerais</option>
    <option value="4">Mato Grosso</option>
    <option value="5">Mato Grosso do Sul</option>
    <option value="6">Santa Catarina</option>
</select>
<div id="municipio_uf_id_chzn" class="chzn-container chzn-container-single" style="width: 265px;">
    <a href="javascript:void(0)" class="chzn-single"><span>-</span>
    <div>
        <b></b>
    </div>
    </a>    
</div>

感谢。

Answer 1

如果你的结构总是这样，你可以使用：

div.field_with_errors + select.chzn-done + div.chzn-container a.chzn-single

+是兄弟选择器，因此它只会选择特定的a.chzn-single。

Answer 2

考虑后代选择器。在你的CSS中：

#municipio_uf_id_chzn a.chzn-single
{
  ... css stuff ...
}

或相邻的兄弟选择器+。像这样（与Nate B的答案相同）：

div.field_with_errors + #municipio_uf_id + #municipio_uf_id_chzn a.chzn-single

在这两者中，我认为后代是更好的选择，因为ID在页面上应该是唯一的。

CSS选择元素

2 个答案: