CSS Class Contains

Sometime you have classes like ‘myclass-1″ “myclass-2” and this may often be the case if you are using a WordPress plugin that spews out multiple divs with class names that are incrementally different. That can be a real pain, but thanklsfully you can still target them with a single line of CSS using the ‘CSS3 [attribute*=value] Selector’. Here’s the css:-

[class*="part-of-class"]{
color: red;
}

In the example above any class containing the syntax “part-of-class” will have red text. It’s so simple and also supported on all major browsers.

About the Author

Glenn

A highly experienced Web Developer (WordPress, Webflow, Weebly & Custom), Front-end / Back-end Developer & New Media Specialist, with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries, built up over a number of years.