2009-01-16 4 views
30

Tengo un elemento div que tiene una identificación y este div contiene un conjunto de entradas y etiquetas. Sólo quiero el estilo de las entradas dentro de este div específica, pero .. los siguientes estilos de todo (global) en lugar de mantener dentro del ámbito #ParentDivCSS para elementos SÓLO bajo una identificación específica

#ParentDiv label,input { display: inline; } 

Además, es posible hacer este tipo de cosas con CSS válido en IE6/7?

Respuesta

60

necesita esta:

#ParentDiv label, #ParentDiv input { display: inline; } 

Una coma indica una nueva declaración de selección.

A menudo, por lo que recuerdo lo que cada uno de los selectores se, y para que sea más fácil de ver qué elementos se están seleccionando de un vistazo, voy a ordenar alfabéticamente y romper los selectores en dos líneas separadas de este modo:

#ParentDiv input, 
#ParentDiv label { 
    display: inline; 
} 

Además, esto debería funcionar perfectamente en IE 6/7/8, y es válido de acuerdo con w3c.

+2

Para las personas que buscan estilo una clase en lugar de un nombre de etiqueta, use '# ParentDiv.myClass'. – Noumenon

+1

@Noumenon ¿No necesitamos un espacio antes de '.myClass'? –

+0

Tiene razón. – Noumenon

Cuestiones relacionadas