Question on CSS Cascade algorithm
I was learning about css cascade algorithm and when trying it out in browser i saw a weird behaviour.
for any css property - an user agent stylesheet is specified as !important cannot be overriden by author style sheet. which is true and correct.
take this example :
user agent stylesheet:
author stylesheet:
in chrome dev tools, it is showing as a author style sheets overrides the user agent by striking the property in user agent. but a tlast the user agent style is computed as expected.
#css #cascade #browser
can anyone tell why is this behaviour in browser?
#css
for any css property - an user agent stylesheet is specified as !important cannot be overriden by author style sheet. which is true and correct.
take this example :
user agent stylesheet:
input[type="hidden" i] {
display: none !important;
}author stylesheet:
input[type="hidden" i] {
display: block !important;
}in chrome dev tools, it is showing as a author style sheets overrides the user agent by striking the property in user agent. but a tlast the user agent style is computed as expected.
#css #cascade #browser
can anyone tell why is this behaviour in browser?
#css
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
