Buenos días a todos
Tengo un "problema" que os voy a detallar a ver si alguien puede darme
alguna pista de porque no me funciona correctamente y si me dais una
solución alternativa, pues doblemente ayuda.
La historia es que tengo dentro de un div varias líneas con una serie de
inputs y labels dentro:
<div id="capa1">
<input id="input1" />
<label class="label">XXXXX</label>
<input id="input2" />
<label class="label">XXXXX</label>
<input id="input3" />
<label class="label">XXXXX</label>
<input id="input4" />
<label class="label">XXXXX</label>
<input id="input5" />
<label class="label">XXXXX</label>
</div>
Los input tienes diferente ID, pero los label tienen el mismo CLASS, por lo
tanto la únia forma de darle estilos diferentes a cada uno es mediante un
selector adyacente. Concretamente he usado las siguientes líneas:
#capa1 input#input1 {...}
#capa1 input#input1 + label.labelMatter {...}
O incluso
#capa1 input#input1 {...}
#capa1 input#input1 + label. {...}
Y en Firefox y Chrome funciona correctamente. Es en IE7 e IE8 donde solo se
aplica el primer estilo cuando está claro que:
#capa1 input#input1 {...}
El otro es ignorado:
#capa1 input#input1 + label.labelMatter {...}
Porque este tipo de selectores está soportado en versiones superiores a IE6,
¿verdad?
P. D: No he comentado que no es posible cambiar id's, ni class, ni nada del
código puesto que todo se genera dinámicamente. :-(
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
