Simplify same css for multiple different classes?

Question

I'm a newbie, and I spent a lot to find answer but I think I didn't search correctly.

How do I write this in one line?

.black h1 {
   color: #ffffff !important;
}
.black h2 {
   color: #ffffff !important;
}
.black h3 {
   color: #ffffff !important;
}
.black p {
   color: #ffffff !important;
}

Thanks In advance

smrubin · Accepted Answer · 2016-04-06 17:52:49Z

2

.black h1, .black h2, .black h3, .black p {
   color: #fff !important;
}

answered Apr 6, 2016 at 17:52

smrubin

5516 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raphael Guimarães · Accepted Answer · 2016-04-06 18:07:53Z

1

If you want specify only these elements

.black h1, .black h2, .black h3, .black p { color: #fff; !important; }

But if you want all elements inside this class

.black * { color: #fff !important; }

answered Apr 6, 2016 at 18:07

Raphael Guimarães

1246 bronze badges

Comments

IsraGab · Accepted Answer · 2016-04-06 17:54:23Z

1

By a coma:

.black h1, .black h2, .black h3, .black p {
   color: #ffffff !important;
}

edited Apr 6, 2016 at 17:54

answered Apr 6, 2016 at 17:41

IsraGab

5,1853 gold badges30 silver badges50 bronze badges

4 Comments

IsraGab Over a year ago

Hey newbie! Don't forget to accept the answer it can help other newbies :)

LarsW Over a year ago

As you can see here, your code doesn't work as it selects all h2, h3 and p and not all h2, h3 and p inside a .black

IsraGab Over a year ago

Of course you're right I didn't bay attention, I forgot to copy past the black class. Newbie! don't forget it also :)

Oskar Borbas Over a year ago

Thanks a lot! I really appreciate your help! :)

Collectives™ on Stack Overflow

Simplify same css for multiple different classes?

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related