How can I apply styles to multiple classes at once?

Question

I want two classes with different names to have the same property in CSS. I don\'t want to repeat the code.

相关标签:

Answer 1

You can have multiple CSS declarations for the same properties by separating them with commas:

.abc, .xyz {
   margin-left: 20px;
}

Answer 2

just seperate the class name with a comma.

.a,.b{
your styles
}

Answer 3

Don’t Repeat Your CSS

 a.abc, a.xyz{
    margin-left:20px;
 }

OR

 a{
    margin-left:20px;
 }

Answer 4

.abc, .xyz { margin-left: 20px; }

is what you are looking for.

Answer 5

If you use as following, your code can be more effective than you wrote. You should add another feature.

.abc, .xyz {
margin-left:20px;
width: 100px;
height: 100px;
} 

OR

a.abc, a.xyz {
margin-left:20px;
width: 100px;
height: 100px;
} 

OR

a {
margin-left:20px;
width: 100px;
height: 100px;
}