css - 一个 CSS 元素可以用来引用多个引导类吗

Question

我的代码中有以下内容。

<div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-1">

有什么办法可以改成

<div class="colDefinition">

然后在我的CSS中有这样的东西

@media screen {
  .colDefinition {
    col-6 col-sm-6 col-md-3 col-lg-3 col-xl-1
}
@media print {
   .colDefinition {
        col-3
   }
}

我需要找到一种对这些引导项进行分组/抽象的简单方法，以便在屏幕上轻松打印/显示。

我无法解决这个问题；有任何想法吗？理想情况下，我不想剪切和粘贴五个参考的所有样式。