2012-01-05 149 views
-2

我如何可以選擇:從CSS選擇元素

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

感謝。

+0

我不知道我完全理解你的問題,但用CSS你不能。您可以針對'chzn-container'或'chzn-container-single'選擇'chzn-single',因爲這是一個父親。如果這還不夠獨特,你可能需要用一個唯一的ID將這整個片段包裝在一個div中。 – Rudu 2012-01-05 19:17:57

+0

'#municipio_uf_id_chzn> a',因爲'municipio_uf_id_chzn'無論如何都是唯一的 – bevacqua 2012-01-05 19:18:45

+0

Rails automaticaly在發生錯誤時向第一個div添加「field-with-errors」類。所以這是我的出發點。 – 2012-01-05 19:20:57

回答

1

如果你的結構將永遠是這樣認爲的,你可以使用:

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

+是兄弟選擇,所以它只會選擇特定的a.chzn-single

+0

謝謝!作品加油! – 2012-01-05 19:25:45

1

考慮一個後代選擇器。在你的CSS中:

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

或者相鄰的兄弟選擇器+。像這樣的(同內特B的答案):

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

在這兩個,我覺得後代是作爲IDS是更好的選擇應該是在頁面上獨一無二的。