CSS選擇元素

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

感謝。

來源

2012-01-05 paulo larini

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

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

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

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

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

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

來源

2012-01-05 19:22:00

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

考慮一個後代選擇器。在你的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是更好的選擇應該是在頁面上獨一無二的。

來源

2012-01-05 19:26:47 DwB

回答

相關問題