CSS:为div中的输入元素定义样式

Question

我有一个名为"divContainer"的div,其中我有很少的输入元素,如文本框,单选按钮等.我如何在CSS中定义当时的样式？我想提到这个特殊div内的元素的样式.不是整个形式.

例如:对于文本框,我需要宽度为150px; 对于单选按钮,我需要20px的宽度;

Answer 1

您可以定义样式规则,这些规则仅适用于您div的id 内的特定元素,divContainer如下所示:

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

Answer 2

像这样。

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

Answer 3

CSS 3

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

CSS2在文本输入中添加一个类"text"然后在你的CSS中

.divContainer.text{
    width:150px;
}