可以在同一个样式表中覆盖 CSS 属性 of class 吗？

Question

只是一个简单的问题：这样可以吗？

例如：

#formbox textarea,
#formbox input,
#formbox select {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    margin-bottom: 25px;
    width: 220px;
}

#formbox select {
    width: 232px;
}

#formbox textarea {
    width: 300px;
    margin-bottom: 0;
}

我为 select 和 textarea 分配了宽度和底部边距属性两次，可以吗，还是我应该分开 #formbox textarea、#formbox input、#formbox select 并复制和粘贴它们相同的属性 ?

Answer 1

在 CSS 声明块中 具有相同的选择器 最后一个属性的定义是唯一应用的。

对于 select/textarea，第一个 width: 220px 是 'useless'（因为它被下面相同的选择器覆盖）- 但是适用于 input.

选择显示的方法而不是单独的 input { width: .. } 完全可以，归结为偏好。

（在规则引擎本身中，加载 CSS 后 无关紧要 。）

可以在同一个样式表中覆盖 CSS 属性 of class 吗？

Is it ok to override CSS property of class in the same stylesheet?

html

css

standards