合并两个css类,从一个框架获取网格,从另一框架获取样式

时间:2019-05-20 14:02:06

标签: javascript css typescript

我已经阅读了有关此主题的先前问题,但没有人问我要做什么。我想合并两个CSS类(来自两个框架)。更具体地说,我想使用一个框架(如引导程序)中的网格,以及另一个框架的样式。因此,例如,当我为按钮设置样式时,我想要相关的属性以在框架中定义的视图中定位元素(该框架用于其网格系统),而其他样式则与样式相关。这是一个例子

.grid-class {
  definition1; // something related to width, margin padding
  definition2; // something like color, font-family
}

.layout-class {
 definition1; // something related to width, margin padding
 definition2; // something like color, font-family
}

如果我给一个元素一个grid-class layout-class,我想要这样的东西:

.merged-class { // I do not need to create a css class on the fly
   definition1; // from grid class
   definition2; // from layout class
}

我知道合并两个框架更为复杂,但是我想知道是否有可能以及如何使用javascript / typescrit 。我知道wich类与网格有关,而wich类与布局有关,因为我使用的是Angular,并且我有两个这样的绑定:

<my-component [grid]="grid classes" [layout]="layout classes"></my-component>

0 个答案:

没有答案