Note:
CSS3 selectors shows a browser compatibility score of 100. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.
Overview
Includes Advanced element selectors: [foo^= bar ], [foo$= bar ], [foo*= bar ], :root, :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :empty, :target, :enabled, :disabled, :checked, :not, ~ general sibling
Code snippets
index.html
Source:index.html
mobi.css
Source:mobi.css
selectors.css
Source:selectors.css
Browser Compatibility
- CSS3 selectors on IE is fully supported on 9-11, partially supported on 7-8, and not supported on 5.5-6 IE versions.
- CSS3 selectors on Edge is fully supported on 12-111, partially supported on None of the versions, and not supported on below 12 Edge versions.
- CSS3 selectors on Firefox is fully supported on 3.6-113, partially supported on None of the versions, and not supported on 2-3 Firefox versions.
- CSS3 selectors on Chrome is fully supported on 4-114, partially supported on None of the versions, and not supported on below 4 Chrome versions.
- CSS3 selectors on Safari is fully supported on 3.2-16.4, partially supported on None of the versions, and not supported on 3.1-3.1 Safari versions.
- CSS3 selectors on Opera is fully supported on 9.5-95, partially supported on None of the versions, and not supported on 9-9 Opera versions.
- CSS3 selectors on Safari on iOS is fully supported on 3.2-16.4, partially supported on None of the versions, and not supported on below 3.2 Safari on iOS versions.
- CSS3 selectors on Android Browser is fully supported on 2.1-111, partially supported on None of the versions, and not supported on below 2.1 Android Browser versions.
- CSS3 selectors on Opera Mobile is fully supported on 10-73, partially supported on None of the versions, and not supported on below 10 Opera Mobile versions.
- CSS3 selectors on Chrome for Android is fully supported on 97-111, partially supported on None of the versions, and not supported on below 97 Chrome for Android versions.
- CSS3 selectors on Firefox for Android is fully supported on 95-110, partially supported on None of the versions, and not supported on below 95 Firefox for Android versions.
- CSS3 selectors on Samsung Internet is fully supported on 4-20, partially supported on None of the versions, and not supported on below 4 Samsung Internet versions.