CSS：为div内的input元素定义样式

我有一个名为“divContainer”的div，其中我有几个input元素，如文本框，单选button等..我怎样才能定义的风格，然后在CSS中？ 我想为这个关于div的元素提供样式，而不是整个forms。

例如：对于文本框我需要宽度为150px; 对于单选button，我需要20px的宽度;

Answer 1

您可以定义样式规则，这些规则只适用于div特定元素，其ID为divContainer如下所示：

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

Answer 2

CSS 3

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

CSS2添加一个类“文本”的文字input，然后在您的CSS

 .divContainer.text{ width:150px; } 

Answer 3

当你说“叫”时，我会假设你的意思是一个ID标签。

为了使它交叉浏览器，我不会build议使用CSS3 [] ，虽然它是一个选项。 这就是说，给你的每个文本框类如“tb”和单选button“rb”。

然后：

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

这假设你在其他地方使用相同的类，如果不是，这就足够了：

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

正如@大卫提到的，要访问部门本身的任何内容：

 #divContainer [element] { ... } 

其中[元素]是您需要的任何HTML元素。

Answer 4

喜欢这个。

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