css - CSS样式一个元素与另一个元素相同，但是更改一个属性

我有以下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指定height元素。

有没有一种方法可以继承CSS并删除属性而不必重写它？

最佳答案

将第一个规则应用到两个元素，然后应用第二个规则覆盖第一个规则的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;
}

关于css - CSS样式一个元素与另一个元素相同，但是更改一个属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41616432/