Use new selectors responsibly with selector queries

Published: 20 November 2019
on channel: Mozilla Developer
8,915
382

There are many ways to start using a new feature in CSS without waiting for full cross-browser support, but "feature queries" are the most clear and explicit. We can use them to test for browser support, and provide targeted styles only where they are supported. Now we can do the same with new selectors, like ::marker or :focus-visible! Firefox 69 was the first to implement selector feature queries, but other browsers are following suit. Miriam Suzanne will show you how it works, and how to start using this new feature query right away.

Firefox 69 Release Notes: https://developer.mozilla.org/en-US/d...
MDN: https://developer.mozilla.org/en-US/d...
Caniuse: https://caniuse.com/#feat=mdn-css_at-...
Demos: https://mozdemos.netlify.com/support-...

#CSS #featurequeries #miriamsuzanne


Watch video Use new selectors responsibly with selector queries online without registration, duration hours minute second in high quality. This video was added by user Mozilla Developer 20 November 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,915 once and liked it 382 people.