I don't understand some CSS highlighting

Hello,

Most of the selectors in my style sheet are highlighted as bold darkblue text, as expected, like this:

.content {
width:60%;
margin:auto;
}

However, in the style sheet that I am making, some of the selectors are normal black, and some are normal red, like this:

.content {
width:60%;
margin:auto;
}

nav.top-nav li {
display:inline;
padding:0px 12px 0px 0px;
}

This seems to happen only when I am applying @media queries.

The stylesheet validates according to W3C, so I am not sure some selectors are a different colour and weight?

.

Hello

Please send example of whole structure. I guess your second example is included in some other style.

Red is "undefined property", see the Highlighter settings / CSS colors. I guess it's included again in some existing structure

I already reported this back in 2016
forum.pspad.com
Jan, notice the nested curly braces. I think that's the cause.

Edited 1 time(s). Last edit at 2022-01-25 23:28 by Andreas.

pspad:

Hello

Please send example of whole structure. I guess your second example is included in some other style.

Red is "undefined property", see the Highlighter settings / CSS colors. I guess it's included again in some existing structure

I don't think an example would explain it more clearly than I did. It is simple, anything that's within a @media query has this problem. I've noticed it many times before, but finally decided to ask about it. Apparently I'm not alone, as Andreas also reported it 5½ years ago.