Here's a sample page:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: black;
}
</style>
</head>
<body>
</body>
</html>
Displayed here is an example of user CSS in any browser addon such as stylish or stylus:
body {
background: white;
}
Following cascading rules, the expected outcome should be a black page since author CSS takes precedence over user CSS if neither have an !important declaration. However, many users might encounter a white page when viewing it on their browser. What could be causing this discrepancy?