CSS Selector for

by

Yes. IE7+ supports attribute selectors:

input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]

Element input with attribute type which contains a value that is equal to, begins with, contains or ends with a certain value.

Other safe (IE7+) selectors are:

  • Parent > child that has: p > span { font-weight: bold; }
  • Preceded by ~ element which is: span ~ span { color: blue; }

Which for <p><span/><span/></p> would effectively give you:

<p>
    <span style="font-weight: bold;">
    <span style="font-weight: bold; color: blue;">
</p>

Further reading:
Browser CSS compatibility on quirksmode.com

I’m surprised that everyone else thinks it can’t be done. CSS attribute selectors have been here for some time already. I guess it’s time we clean up our .css files.

More Related Contents:

  1. Is there a CSS parent selector?
  2. Complex CSS selector for parent of active child [duplicate]
  3. Select every Nth element in CSS
  4. CSS3 selector :first-of-type with class name?
  5. CSS Selector that applies to elements with two classes
  6. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  7. CSS ‘>’ selector; what is it? [duplicate]
  8. CSS rotate property in IE
  9. Select element based on multiple classes
  10. CSS selector based on element text? [duplicate]
  11. Internet Explorer’s CSS rules limits
  12. Pure CSS checkbox image replacement
  13. Handling a colon in an element ID in a CSS selector [duplicate]
  14. CSS selector for attribute names based on a wildcard
  15. IE8 :nth-child and :before
  16. IE 6 & IE 7 Z-Index Problem
  17. CSS selector to select first element of a given class
  18. Can I use variables for selectors?
  19. How does one target IE7 and IE8 with valid CSS?
  20. CSS: styled a checkbox to look like a button, is there a hover?
  21. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  22. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  23. Icon fonts not loading in IE11
  24. Multiple descendant children selector with css [duplicate]
  25. Select odd even child excluding the hidden child
  26. Comma in CSS, multiple selectors using the same CSS
  27. CSS3 3D Transform doesn’t work on IE11
  28. IE not rendering CSS properly when the site is located at networkdrive
  29. CSS class repetition to increase specificity
  30. select second child

Leave a Comment