Skip to content

Available CSS selectors when you drop IE.x

With the number of legacy Internet Explorer (IE) users decreasing, largely thanks to Google Chrome, “support” for older versions such as IE6, IE7 and even IE8 is dropping too meaning better support for newer CSS selectors.

Typically “support” means serving a gracefully degraded experience that is still functional but with limited CSS3 and JavaScript niceties. What the user gets is down to their browsers capabilities.

Depending on a websites visitor stats, I tend to server a plain-text version ensuring functionality is available but with very basic styling. This is normally for anything that doesn’t support media-queries, except IE8 which I polyfil… for now. This means I spend less time fixing issues with old browsers and can spend more time focusing on improving the experience for the majority of users.

With all of that in mind, I thought it would be good to summarize what CSS selectors are available to use when you drop or degrade “support” for older browsers.

I doubt many people are dropping IE9 yet so I will start from there and revisit this in a decade or so…

Available in IE9+

Available in IE8+

Available in IE7+

A huge thanks goes to for doing all the legwork testing these selectors and their browser compatibility. If there isn’t one already, I would love to create a handy cheat sheet to reference but for now this post will have to suffice.