CSS樣式一個元素與另一個相同，但改變一個屬性

Question

我有下面的CSS

input[type="text"] 
{ 
    border: 2px solid rgb(173, 204, 204); 
    height: 31px; 
    box-shadow: 0px 0px 27px rgb(204, 204, 204) inset; 
    transition:500ms all ease; 
    padding:3px 3px 3px 3px; 
} 

我想一個textarea元素具有相同的屬性，因爲這只是我不想指定textarea的高度元素。

有沒有一種方法可以繼承CSS並刪除屬性而不必重寫它？

Answer 1

將第一個規則應用於這兩個元素，然後應用覆蓋第一個規則的height屬性的第二個規則。

input[type="text"], textarea 
{ 
    border: 2px solid rgb(173, 204, 204); 
    height: 31px; 
    box-shadow: 0px 0px 27px rgb(204, 204, 204) inset; 
    transition:500ms all ease; 
    padding:3px 3px 3px 3px; 
} 
textarea { 
    height: auto; 
}