Can I DevTools?
All
120
Accessibility
9
Audit
2
CSS
32
Console
14
Elements
16
JavaScript
4
Network
17
Other
14
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
CSS
Edit
View cascade layers
Can I inspect CSS cascade layers?
Last Modified
9 months ago
Author
@pankajparashar
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
