CSS-Stil ein Element das als eine andere gleiche, aber ändern Sie eine Eigenschaft

Question

Ich habe eine der folgenden 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; 
} 

ich ein textarea-Element möchte die gleichen Eigenschaften wie diese, außer ich habe keine angeben möchten Höhenelement für das Textfeld.

Gibt es eine Möglichkeit, das CSS zu erben und eine Eigenschaft zu entfernen, ohne es neu schreiben zu müssen?

Answer 1

Wenden Sie die erste Regel auf beide Elemente an und wenden Sie eine zweite Regel an, die die Eigenschaft height der ersten Regel überschreibt.

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