wildcard * in CSS for classes

by

What you need is called attribute selector. An example, using your html structure, is the following: 

div[class^="tocolor-"], div[class*=" tocolor-"] {
    color:red 
}

In the place of div you can add any element or remove it altogether, and in the place of class you can add any attribute of the specified element.

[class^="tocolor-"] — starts with “tocolor-“.
[class*=" tocolor-"] — contains the substring “tocolor-” occurring directly after a space character.

Demo: http://jsfiddle.net/K3693/1/

More information on CSS attribute selectors, you can find here and here.
And from MDN Docs MDN Docs

More Related Contents:

  1. Is it possible to use a CSS wildcard in the middle of an attribute selector?
  2. Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  3. How do I select the “last child” with a specific class name in CSS? [duplicate]
  4. How do I select an element based on the state of another element in the page with CSS?
  5. Can the :not() pseudo-class have multiple arguments?
  6. Why does .foo a:link, .foo a:visited {} selector override a:hover, a:active {} selector in CSS?
  7. Can I target a :before or :after pseudo-element with a sibling combinator?
  8. CSS selector – element with a given child [duplicate]
  9. What does a[href^=”…”] do in CSS?
  10. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  11. Universal selector * and pseudo elements
  12. Can I have multiple :before pseudo-elements for the same element?
  13. How to only show certain parts with CSS for Print?
  14. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  15. Are parentheses allowed in CSS selectors?
  16. Why use an attribute selector to match classes?
  17. CSS selector to get deepest element of specific class in the HTML tree
  18. Can type selectors be repeated to increase specificity?
  19. CSS Specificity and Inheritance
  20. Select nth-child across multiple parents
  21. Vertically centering content of :before/:after pseudo-elements
  22. Difference between the selectors div + p (plus) and div ~ p (tilde)
  23. Are CSS selectors case-sensitive?
  24. Can you target an element with CSS only if 2 classes are present?
  25. CSS combinator precedence?
  26. What is caret symbol ^ used for in css when selecting elements?
  27. What is the difference between p:nth-child(2) and p:nth-of-type(2)?
  28. CSS specificity or inheritance?
  29. CSS class repetition to increase specificity
  30. select second child

Leave a Comment