CODEWITHSUNDEEP
csscss-selectors
Johann
Johann

Reputation: 21

Target a div from multiple classes

I need to target the div #menu-separator from multiple page classes (.cms7, .cms8...)

I tried that but it doesn't work:

    .cms7, .cms8, .cms9, .cms10, .cms11, .cms12, .cms13, .cms14, .cms15, .cms16, .cms17, .cms18, .cms19 #menu-separator{
background: white;
}

Is there a shorter/lighter way to do that?

Upvotes: 1

Views: 71

Answers (1)

Christophe
Christophe

Reputation: 28174

A suggestion to shorten your css:

[class^='cms'] #menu-separator {background: white;}

The above expression will cover all the classes starting with cms.

You can make it more restrictive, for example to cover all classes starting with cms1:

[class^='cms1'] #menu-separator {background: white;}

Upvotes: 3

Related Questions