CSS: Définition de styles pour les éléments d'entrée dans un div

Question

J'ai un div appelé "divContainer" à l'intérieur duquel j'ai quelques éléments d'entrée comme les zones de texte, les boutons radio et .. Comment puis-je définir le style pour ensuite dans le CSS? Je veux parler des styles pour les éléments à l'intérieur de ce div purticular.pas pour la forme entière.

Ex: Pour les zones de texte, j'ai besoin d'une largeur de 150px; Pour les boutons radio, j'ai besoin d'une largeur de 20 pixels;

Answer 1

Vous pouvez définir des règles de style qui ne s'appliquent qu'à des éléments spécifiques de votre div avec id divContainer comme ceci:

 #divContainer input { ... }
#divContainer input[type="radio"] { ... }
#divContainer input[type="text"] { ... }
/* etc */
 

Answer 2

CSS 3

 divContainer input[type="text"] {
    width:150px;
}
 

CSS2 ajoute une classe "text" aux entrées de texte puis dans votre css

 .divContainer.text{
    width:150px;
}
 

Answer 3

Comme ça.

 .divContainer input[type="text"] {
  width:150px;
}
.divContainer input[type="radio"] {
  width:20px;
}
 

Answer 4

Quand vous dites "" je vais supposer que vous entendez une étiquette d'identité.

Pour faire de la croix-brower, je ne voudrais pas vous suggérons d'utiliser le CSS3 [], alors que c'est une option. Ceci étant dit, de donner à chacun de vos zones de texte une classe comme "tb" et le bouton radio "rb".

Alors:

#divContainer .tb { width: 150px }
#divContainer .rb { width: 20px }

Cela suppose que vous utilisez les mêmes classes d'ailleurs, sinon, cela ne sera pas suffisant:

.tb { width: 150px }
.rb { width: 20px }

Comme @David mentionné, d'accéder à quoi que ce soit dans la division elle-même:

#divContainer [element] { ... }

Où [élément] est-ce que l'élément HTML dont vous avez besoin.