可以在同一个样式表中覆盖类的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; 
} 

我分配宽度和边距属性选择和文本区域两次，是它确定，或者我应该只是单独#formbox textarea的，#formbox输入，#formbox选择并复制&粘贴属性是否相同？

Answer 1

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

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

选择显示的方法，而不是单独input { width: .. }是完全确定，归结为优先。

（在规则引擎本身，CSS加载后它不要紧）