可以在同一样式表中覆盖类的CSS属性吗？

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分配了width和margin-bottom属性两次，是否可以，或者我应该将#formbox textarea，＃formbox input，＃formbox select和copy＆amp; paste属性分开？< / p>

Answer 1

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

width: 220px / select的第一个textarea是“无用的”（因为它被下面相同的选择器覆盖） - 但是它适用于input。

选择显示的方法，而不是单独的input { width: .. } 完全正常，归结为首选。

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