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

将第一条规则应用于两个元素，然后应用第二条规则覆盖第一条规则的高度属性。

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