Display property overridden by User Agent Stylesheet

css

Solution

Css:

.hidden {    
    display: none
}

is the correct syntax.

Problem

As must be obvious, I am no CSS expert. I have a class ``` .hidden{ display:hidden } ``` and a div ``` <div class="hidden"> </div> ``` But the div is not hidden when the page is rendered. When I look at the Computed styles in Chrome, it says the display property was overridden by the user agent stylesheet. Why?

Original source