Question

I have an html menu, that start like this:

<nav id='main'>
<ul>

and my CSS file goes like this:

nav #main ul {
    list-style: none;
}

But for some reason, this does not seem to work…
What am I doing wrong?

Answer 1

Try using

nav#main ul {
  list-style: none;
}

ie remove the space between nav and #main – using the space is indicating #main is a descendant of nav instead of saying #main is an id attribute of nav

See the docs here for pattern matching in CSS2