@scope - New in Chrome 118

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=Wabk8WBS1hk


Duration: 0:47
4,682 views
254

With @scope you can override styles based on proximity, which is different from the usual CSS styles that are applied relying only on source order and specificity. In the following example, there are two themes.

#NewInChrome



Other Videos By Chrome for Developers


2023-11-06Values, invalid custom, and more!
2023-11-02ChromeOS Flex: Modernize legacy devices with Chrome
2023-11-01Lightening and darkening color - GUI Snippets
2023-10-31New in Chrome 119: cookies expiration limit updated, CSS updates, & fenced frames improvements!
2023-10-26Why isn't my custom property the value I expect?
2023-10-26Scripting and prefers-reduced-transparency
2023-10-26HTML vs DOM? Let’s debug them
2023-10-25Chrome Extensions: Learning the basics, AI and more with Matt Frisbie
2023-10-19How to keep source maps private
2023-10-18Thinking on ways to solve HALLOWEEN PROJECTIONS
2023-10-17@scope - New in Chrome 118
2023-10-17Adobe Express: On-the-go creativity powered by the web
2023-10-11Adding alpha to color - GUI Snippets
2023-10-11fluffy-center - CSS Podcast Tips
2023-10-11Debug Chrome extensions
2023-10-10How do I center a div?
2023-10-10New in Chrome 118: the @scope CSS rule is here, scripting and prefers-reduced-transparency, & more!
2023-10-05Progressive Web Apps (PWAs): New features & APIs
2023-10-04Thinking on ways to solve RELATIVE COLORS
2023-10-03What’s new in DevTools: Chrome 118
2023-09-29Debugging Chrome extensions - DevTools Tips


Tags:
Chrome
Developers
Google
Web
ReleaseWeb
WebApp
WebFundamentals
Browser
HTML5
JavaScript
GoogleDevelopers
ChromeDevelopers
chrome118
new-in-chrome
css
Chrome Devtools
local overrides
CSS animations
array grouping
javascript group by
Google Chrome
Chrome Developers
New in Chrome
New in Google Chrome
what's new in Chrome
chrome for developers