2016-06-12 42 views
1

只是一個簡單的問題:是這樣的事情好嗎?可以在同一個樣式表中覆蓋類的CSS屬性嗎?

例如:

#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選擇並複製&粘貼屬性是否相同?

回答

2

在具有相同選擇器的CSS聲明塊中,最後一個屬性的定義是唯一應用的定義。

第一width: 220px是「無用」用於select/textarea(因爲它是由下同選擇器覆蓋) - 它適用於input

選擇顯示的方法,而不是單獨input { width: .. }完全確定,歸結爲優先。

(在規則引擎本身,CSS加載後它不要緊