CSS應用不正確？

我使用Firefox 25，但它也發生在IE7/8CSS應用不正確？

這是HTML：

<div class="elemento"> 
    <div class="form"> 
    <label for="formulario"> <span>Formulario:</span> </label> 
    </div> 
    <select id="formulario" name="formulario" class="select"> 
     <option value="Contratos - Literario">Contratos - Literario</option><option value="Inscripcion de obra publicada">Inscripcion de obra publicada</option> 
    </select> 
    </div> 
</div>

而且我有這個CSS被應用，說螢火蟲：

div.box .select { 
    background: none repeat scroll 0 0 #333333; 
    border-color: #171717; 
    border-style: double; 
    border-width: 1px; 
    color: #FFFFFF; 
    padding: 3px; 
    width: 180px; 
} 
.acciones_botonera input, select { 
    background-color: #BBBBBB; 
    border: medium none; 
    color: #114477; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}

爲什麼第二個CSS特別適用？ .acciones_botonera input, select我在這裏不是說只適用於select內部元素，它是應用了類.acciones_botonera的元素？

來源

2013-11-14 JorgeeFG

豪爾赫，你正在做的是應用到.acciones_botonera容器內的每個輸入，然後，還可以每單一選擇在網站上。我不完全理解你想要的結果，爲什麼不告訴我們一些關於它的事情？ –

.acciones_botonera input, select { 

}

會花括號之間適用的一切都投入裏面有類「.acciones_botonera」以及DOM中的所有元素選擇。

如果你真的想實現的情況下，你描述的應該是這個樣子：

.acciones_botonera input, .acciones_botonera select { 

}

來源

2013-11-14 13:06:42 matteok

CSS應用不正確？

回答

相關問題