Question

This is somehow not working: #ipadmenu.oldcontent ~ :not(#ipadmenu.newcontent) ~ #content.newcontent article {width:728px}

Is this normal? If this is correct it might be because of some other css rule that is conflicting, but I cannot seem to find it.

Did I do something wrong?

Thanks 🙂

Answer 1

There’s a syntax error, as you can check with http://jigsaw.w3.org/css-validator/ (though its report is a bit cryptic in this case). The argument of :not() must be a simple selector, see definition of :not in the CSS3 spec. The code works (on sufficiently modern browsers) if you use e.g. just .newcontent as the argument.

I can’t quite see why you would also have #ipadmenu there, as you cannot validly have two elements with the same id, i.e. #ipadmenu matches as most one element in a document.