html - 如何在一个元素上使用两个类

Question

我有以下两个 CSS 组件:

#enableScrolling {
    overflow-y: scroll;
    height: 100vh;
}

#grey {
    background-color: #F0F0F0 !important;
}

我想在 HTML 标签中一起使用它们。

我想做这样的事情:

#greyScrolling {
    .enableScrolling
    .grey
}

否则，我想直接将它们放在一个标签中，如下所示:

<div id='enablescrolling' ???='grey>

如何组合这两个组件？

Answer 1

您可以使用类而不是 id:

.enableScrolling {
    overflow-y: scroll;
    height: 100vh;
}

.grey {
    background-color: #F0F0F0 !important;
}

然后将它们都添加到 div 中:

<div class="enableScrolling grey"></div>