0

Firefox 25を使用していますが、IE7/8でも発生します

これは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 が適用されていると、Firebug は言います。

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

2 つ目の CSS が特別に適用されているのはなぜですか? ここで、クラスを適用した要素の内側にある要素に.acciones_botonera input, selectのみ適用すると言っているのではありませんか?select.acciones_botonera

4

1 に答える 1

3 
.acciones_botonera input, select {

}

クラス '.acciones_botonera' を持つ要素内のすべての入力と、DOM 内のすべての選択に中括弧の間のすべてを適用します。

説明したケースを実際に実現したい場合は、次のようになります。

.acciones_botonera input, .acciones_botonera select {

}
于 2013-11-14T13:06:42.683 に答える