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

Question

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

Ex：对于文本框，我需要宽度为150px;     对于单选按钮，我需要宽度为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 在文本输入中添加一个类“text”然后在你的css

中

.divContainer.text{
    width:150px;
}

Answer 3

喜欢这个。

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

Answer 4

当你说“被叫”时，我会假设你是指一个ID标签。

为了使它成为跨浏览器，我不会建议使用CSS3 []，尽管它是一个选项。这就是说，给每个文本框一个类“tb”和单选按钮“rb”。

然后：

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

这假设您在其他地方使用相同的类，如果没有，这就足够了：

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

正如@David所提到的，要访问该部门内的任何内容：

#divContainer [element] { ... }

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