CSS:Defining Styles for input elements inside a div

Question

I have a div called "divContainer" inside which i have few input elements like textboxes,radio buttons et.. How can i define the style for then in the CSS ? I wanna mention styles for elements inside this purticular div.not for the entire form.

Ex: For textboxes i need width as 150px; For Radio buttons i need width of 20px;

Answer 1

You can define style rules which only apply to specific elements inside your div with id divContainer like this:

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

Answer 2

CSS 3

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

CSS2 add a class "text" to the text inputs then in your css

.divContainer.text{     width:150px; }