CSS select要素

Question

<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> 

ありがとう：ここ

<div class="field_with_errors"> 

は完全なコードです。

Answer 1

あなたの構造は、常に正確にそのようになります場合は、あなたが使用できます。

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

+は兄弟セレクタであるので、その特定a.chzn-singleを選択します。

Answer 2

子孫セレクタを考えてください。

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

あるいは隣接兄弟セレクタ+：あなたのCSSで。 （ネイトBの答えと同じ）このように2つの

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

、私は子孫はIDがページ上で一意でなければなりませんよう、より良い選択肢だと思います。