How to select all elements whose ID starts and ends with specific strings?

by

The following CSS3 selector will do the job:

tr[id^="section_"][id$="_dummy"] {
    height: 200px;
}

The ^ denotes what the id should begin with.

The $ denotes what the id should end with.

id itself can be replaced with another attribute, such as href, when applied to (for example) <a>:

a[href^="http://www.example.com/product_"][href$="/about"] {
    background-color: red;
}

More Related Contents:

  1. Is there a CSS selector for elements containing certain text?
  2. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  3. ::slotted CSS selector for nested children in shadowDOM slot
  4. nth-child doesn’t respond to class [duplicate]
  5. CSS Child vs Descendant selectors
  6. Select elements by attribute in CSS
  7. Nesting CSS classes
  8. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  9. not:first-child selector
  10. Is the CSS :not() selector supposed to work with distant descendants?
  11. What is the difference between ‘>’ and a space in CSS selectors?
  12. Combining :last-child with :not(.class) selector in CSS
  13. Why can’t you group descendants in a CSS selector?
  14. What does + mean in CSS? [duplicate]
  15. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  16. Not CSS selectors
  17. What is this CSS selector? [class*=”span”]
  18. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  19. Is there such a thing as an “all inclusive sibling” CSS selector?
  20. CSS selector involving pseudo class first-child and dropcap
  21. Is the :before pseudo-element allowed on an input[type=checkbox]?
  22. Targeting position:sticky elements that are currently in a ‘stuck’ state
  23. Select odd even child excluding the hidden child
  24. Is there an opposite CSS pseudo-class to :hover?
  25. CSS select multiple descendants of another element
  26. Select all ‘tr’ except the first one
  27. Comma in CSS, multiple selectors using the same CSS
  28. Can I target all tags with a single selector?
  29. What is the difference between pseudo-classes and pseudo-elements?
  30. Shorten verbose CSS that repeats combinations of elements and pseudo-classes

Leave a Comment