2017-08-07 63 views
0

我有一个这样的造型:如何将样式应用到所有组中少

.one{ 
    background-color: black; 
} 
.two{ 
    background-color: black; 
} 
.three{ 
    background-color: black; 
} 

我可以以某种方式使之成为这样的:

{ 
    background-color:black; 
    .one { 

    } 
    .two { 

    } 
    .three{ 

    } 
} 

在更短?

我不想使用一个类,然后把他们一个个类一个二,三

+1

使用.one,.two,.three {background-color:black}有什么问题? –

+0

然后我每次添加更多,我将不得不添加到2部分,一个是为共享一个说明,另一个是定制的,想象如果我有几百个以后,我的代码将如何凌乱 –

+0

你如果有帮助,可以将这些类中的每一个都放在不同的行上,但除此之外,我不明白你的建议是什么清洁剂? –

回答

0

你可以这样做:

.one, .two, .three { 
background-color: black; 
} 
1
.one, .two, .three { 
     background-color: black; 
} 

这是使用最简单的方法通过包括所有类别在一起并应用该属性。并且如果您仍想要更改两个属性的话,则

.two{ 
    background-color:grey; 
} 

这将覆盖上面的那个,所以现在两个会变成灰色。 希望它帮助!

+0

嗯,我希望它可以更简单,因为如果我有很多类,它会在代码上杂乱 –

+0

它更简单,如果它帮助做upvote。 – djmayank

相关问题