CSS select elements with partial id

by

Not with ID selectors since they require complete ID names, but with substring attribute selectors:

div[id^="as_"]
div[id^="bs_"]

But since your elements have a class attribute anyway, why not add a common class to each group of elements and select by that class to make things simpler? You should be able to determine the grouping class using PHP as you do to generate the IDs.

More Related Contents:

  1. Why do browsers match CSS selectors from right to left?
  2. Why doesn’t nth-of-type/nth-child work on nested elements?
  3. How can I style even and odd elements?
  4. Can I write a CSS selector selecting elements NOT having a certain class or attribute?
  5. Several elements with the same ID responding to one CSS ID selector
  6. Is there a CSS selector for the first direct child only?
  7. How to target a specific column or row in CSS Grid Layout?
  8. CSS :selected pseudo class similar to :checked, but for elements
  9. Difference in applying CSS to html, body, and the universal selector *?
  10. How can I correctly select the first or the last child with CSS?
  11. A CSS selector to get last visible div
  12. What is syntax for selector in CSS for next element?
  13. :not(:empty) CSS selector is not working?
  14. How to exclude particular class name in CSS selector?
  15. Can a dynamic class be styled using CSS? [duplicate]
  16. Select first occurring element after another element
  17. CSS selector for empty or whitespace
  18. Default :target with CSS
  19. Is it possible to use CSS vars in CSS3 selectors?
  20. Select second last element with css
  21. How do I give a CSS class priority over an id?
  22. How to run the CSS3 animation to the end if the selector is not matching anymore?
  23. Is there a css selector for selecting an element futherup in the html?
  24. How can I target a specific column or row in a CSS grid layout?
  25. Is there a CSS not equals selector?
  26. How to select classes with spaces
  27. CSS nth-match doesn’t work
  28. How can I select elements in CSS by partial ID value?
  29. How can I get a specific number child using CSS?
  30. Targeting text nodes with CSS

Leave a Comment