Match all elements having class name starting with a specific string

Question

Is it possible to use a  quot wildcard quot  for elements having a class name starting with a specific string in CSS3  Example   lt div class  quot myclass-one quot  gt  lt  div gt   lt div class  quot myclass-two quot  gt  lt  div gt   lt div class  quot myclass-three quot  gt  lt  div gt   and then magically set all the above divs to red in one go   myclass    color   f00

User · Answer

The following should do the trick   div class   myclass    div class    myclass        color   F00        Edit  Added wildcard     as suggested by David

User · Answer

It s not a direct answer to the question  however I would suggest in most cases to simply set multiple classes to each element    lt div class  myclass one  gt  lt  div gt   lt div class  myclass two gt  lt  div gt   lt div class  myclass three  gt  lt  div gt    In this way you can set rules for all myclass elements and then more specific rules for one  two and three    myclass   color   f00      two   font-weight  bold     etc

User · Answer

You can easily add multiple classes to divs    So    lt div class  myclass myclass-one  gt  lt  div gt   lt div class  myclass myclass-two  gt  lt  div gt   lt div class  myclass myclass-three  gt  lt  div gt    Then in the CSS call to the share class to apply the same styles    myclass         And you can still use your other classes like this     myclass-three         Or if you want to be more specific in the CSS like this    myclass myclass-three

[css] Match all elements having class name starting with a specific string

Examples related to css