目標的所有類以下（含SASS）

Question

我想知道我怎麼可以針對以下類

<div class="Table-divider__meta"> 
<div class="Table-divider__data"> 

我有這個

.Table { 

&-divider*{ 
    @include breakpoint($md) { 
     @include display(flex); 
     @include flex-flow(row wrap); 
     @include flex-grow(1); 
     @include flex-basis(0); 
    } 
} 

但是，這不是工作。

Answer 1

你不能在類選擇器中進行通配符匹配。

清潔的方法是使用多個類：

<div class="Table divider meta"> 
<div class="Table divider data"> 

和

.Table.divider { 

} 

否則，你可以調查attribute selectors，這也允許某種程度的模式匹配。