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

Question

我有一个名为“divContainer”的 div，里面有一些输入元素，如文本框、单选按钮等。我如何在 CSS 中定义 then 的样式？我想提及此 purticular div 中元素的样式，而不是整个表单的样式。

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

Answer 1

您可以定义仅适用于 ID 为 divContainer 的 div 内特定元素的样式规则，如下所示:

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