CSSスタイル一つの要素が、1つのプロパティを変更

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; 
} 

持っていますテキストエリアの高さ要素。

CSSを継承し、プロパティを書き換えなくても削除できる方法はありますか？

Answer 1

両方の要素に最初のルールを適用し、最初のルールのheightプロパティを上書きする2番目のルールを適用します。

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; 
}