### What specific section or headline is this issue about?:
Precedence order of regular cascade layers
### What information was incorrect, unhelpful, or incomplete?
### What did you expect to see?
Hi there,
I’m newbie in terms of codding but active learner, so please apology for any mistake. This is only a question for better understanding.
So am l missing something here?
In the screenshot above, developer tools: @layer A { h1 { box-shadow: -5px 5px lightblue !important; } }
…is overridden by unleyered h1: h1 { box-shadow: 5px 5px lightgreen !important; }
…but at the end, layer A box-shadow still applied. By the screenshot bellow !important layered style have precedence over unleyered !important style. So where is the point?
Thank you and appreciate for any help.
Alex
Do you have any supporting links, references, or citations?
So this is something that we can face friquently with dev tools as i already saw this few times during my practice with coding and i wasn’t sure if I’m lacking knowladge or is it a bug with dev -tools. Anyway Thank you for a clarification.
Yes, whenever you currently deal with layers, you could encounter this problem in DevTools. What’s always correct is how the code is displayed in Firefox. When practicing with layers you should therefore focus on the result in the browser and not what DevTools displays.