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

by

The following should do the trick:

div[class^='myclass'], div[class*=' myclass']{
    color: #F00;
}

Edit: Added wildcard (*) as suggested by David

More Related Contents:

  1. Flex-box: Align last row to grid
  2. Does the order of classes listed on an item affect the CSS?
  3. Specificity of inherited CSS properties
  4. CSS styling in Django forms
  5. CSS 3 slide-in from left transition
  6. Change color and appearance of drop down arrow
  7. Single huge .css file vs. multiple smaller specific .css files? [closed]
  8. Select all child elements recursively in CSS
  9. Why doesn’t the selector h3:nth-child(1):contains(‘a’) work?
  10. CSS to prevent child element from inheriting parent styles [duplicate]
  11. Stylesheet not updating when I refresh my site
  12. How to select label for=”XYZ” in CSS?
  13. How to use a unitless CSS variables and later add the needed unit?
  14. CSS Transform Skew [duplicate]
  15. Change outline for OutlinedInput with React material-ui
  16. Stacking order of elements affected by opacity
  17. Why is text getting blurry and wobbles during 2d scale transform
  18. How to make Twitter bootstrap modal full screen
  19. Two color borders
  20. Make text height 100% of div?
  21. Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
  22. How to apply child:hover but not parent:hover
  23. Align button at the bottom of div using CSS
  24. text flowing out of div
  25. Can I set the height of a div based on a percentage-based width? [duplicate]
  26. Is it bad practice to prefix single lines of CSS with // as a personal comment style?
  27. Issue when centering vertically with flexbox when heights are unknown
  28. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  29. Ellipsis in flexbox container [duplicate]
  30. CSS Double Border with outer border thicker than inner border

Leave a Comment