A small javascript function that detects browser and version.
When the script is run it will automatically add classes and data- attributes to your <html>
For example, running Chrome 49.
<html data-browser="chrome" data-version="49" class="chrome49 chrome">
html[data-browser="chrome"][data-version="49"]{ /* Apply styles for Chrome 49 */ }
or you can use the class
html.chrome { /* Apply styles for all Chrome browsers */ }
html.ie11 { /* Apply styles for Internet Explorer 11 */ }
Note that Internet Explorer 6 doesn't support attribute selectors. Source
- Version 13 (Windows 10)
- Version 12 (Windows 10)
- Version 11 (Windows 10 / 8.1)
- Version 10 (Windows 8)
- Version 9 (Windows 7)
- Version 8 (Windows 7)
- Version 7 (Windows XP)
- Version 6 (Windows XP)
- Version 9 (OS X El Capitan / iOS)
- Version 8 (OS X Yosemite / iOS)
- Version 7.1 (OS X Mavericks / iOS)
- Version 6.2 (OS X Mountain Lion)
- Version 6 (OS X Lion)
- Version 5 (Windows 10 / 8.1 / 8 / 7 / XP / Snow Leopard)
- Version 4 (Snow Leopard)
- Version 3-15 (Windows XP)
- Version 16-44 (Windows 8.1)
- Version 14-49 (Windows XP)
- Version 49 (OS X)
- Version 11 (Windows XP / 8.1)
- Version 12 (Windows XP / 8.1)
- Version 35 (Windows 10)