Is it possible to use a CSS wildcard in the middle of an attribute selector?

by

You can’t use a wildcard like that, but to get the desired result (ID starts with lorem and ends with Ipsum) you can use the attribute starts-with and ends-with selectors instead, like so:

p[id^="lorem"][id$="Ipsum"]

Remember that by linking multiple attribute selectors like this (along with the p type selector), you’re doing an AND match with all of them on the same element.

jsFiddle demo

More Related Contents:

  1. wildcard * in CSS for classes
  2. Is there a CSS parent selector?
  3. Complex CSS selector for parent of active child [duplicate]
  4. Select every Nth element in CSS
  5. CSS3 selector :first-of-type with class name?
  6. CSS Selector that applies to elements with two classes
  7. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  8. Select element based on multiple classes
  9. CSS selector based on element text? [duplicate]
  10. Should I avoid using !important in CSS?
  11. Pure CSS checkbox image replacement
  12. Handling a colon in an element ID in a CSS selector [duplicate]
  13. CSS selector for attribute names based on a wildcard
  14. IE8 :nth-child and :before
  15. CSS selector to select first element of a given class
  16. Invalid CSS selector causes rule to be dropped: What is the rationale?
  17. How to select the first, second, or third element with a given class name?
  18. Can I use variables for selectors?
  19. What does the dot mean in CSS?
  20. CSS: styled a checkbox to look like a button, is there a hover?
  21. :active css selector not working for IE8 and IE9
  22. What is this CSS selector? [class*=”span”]
  23. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  24. Is there such a thing as an “all inclusive sibling” CSS selector?
  25. Multiple descendant children selector with css [duplicate]
  26. Select odd even child excluding the hidden child
  27. Is there an opposite CSS pseudo-class to :hover?
  28. Comma in CSS, multiple selectors using the same CSS
  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