2009-01-16 6 views
30

J'ai un élément div qui a un ID et ce div contient un ensemble d'entrées et d'étiquettes. Je veux seulement le style des entrées dans cette div spécifique, mais .. les styles suivants tout (global) au lieu de garder le champ intérieur #ParentDivCSS pour les éléments UNIQUEMENT sous un ID spécifique

#ParentDiv label,input { display: inline; } 

Aussi, est-il possible de faire ce genre de chose avec CSS valide dans IE6/7?

Répondre

60

vous avez besoin ceci:

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

Une virgule indique une nouvelle instruction de sélection.

Souvent, de sorte que je me souviens ce que chacun des sélecteurs est, et de le rendre plus facile de voir quels éléments sont sélectionnés en un coup d'oeil, j'alphabétiser et de briser les sélecteurs sur deux lignes distinctes comme ceci:

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

En outre, cela devrait fonctionner correctement dans IE 6/7/8, et est valide selon w3c.

+2

Pour les personnes souhaitant définir une classe au lieu d'un nom de tag, utilisez '# ParentDiv.myClass'. – Noumenon

+1

@Noumenon N'avons-nous pas besoin d'espace avant '.myClass'? –

+0

Vous avez raison. – Noumenon

Questions connexes