Can I DevTools?
All
151
Accessibility
9
Audit
2
CSS
36
Console
14
Elements
27
JavaScript
5
Network
27
Other
18
Performance
1
Sources
12
Favorites
0
About
Testimonials
It is like
@CanIUse
but for the browser devtools, created & curated by
@pankajparashar
. Get weekly tips & tricks for your favorite browser devtools by
subscribing
to the newsletter!
Ads via Carbon
1
2
3
4
Twitter
Github
Substack
Theme
CSS
Edit
View cascade layers
Can I inspect CSS cascade layers?
Last Modified
3 months ago
Authors
@pankajparashar
@kilianvalkhof
Test Live
via
BrowserStack
Newsletter
Related (0)
CHROME
Share
Notes
Inspect the element that is part of the
@layer
. In the
Styles
pane, each layer and its corresponding styles are visible.
Clicking on the layer name will reveal the
CSS layers
section at the top which will contain the layer order, that drives the specificity.
References (2)
"What's New In DevTools (Chrome 101)" -
Chrome Developers
"CSS Cascade Layer Demo" -
Jecelyn Yeen