How would I show a colored logo on the first page, and a greyscale logo on the others?

I have both logo's in the markup (#logo and #logo-color).

I can't use code like this since it's invalid:

    @page:first {
       #logo-color {
         display: block;
       }
       #logo {
         display: none;
       }
    }

    @page {
       #logo-color {
         display: none;
       }
       #logo {
         display: block;
       }
    }

The named pages mentioned in http://www.princexml.com/doc/9.0/page-selectors/ might be of use but I don't get it.

Edited 16 Dec 2013 by Wolfr_