Google Chrome Styling

Posted on November 23, 2008, by Matt, under CSS.

Since Google’s new browser Chrome is based on the same technology as Apple Safari, it’s not a big deal to apply Chrome/Safari styling. While researching the latest innovations in Chrome/Safari styling, I came across a number of *hacks* (which I personally would rather avoid using) some more complex, and frankly scary, than others. The following application came from Martin Ivanov’s blog, dated Oct 1, 2008:
/* Google Chrome hack */
body:nth-of-type(1) .elementOrClassName
{
/* properties go here */
}

/* Safari hack */
body:first-of-type .elementOrClassName
{
/* properties go here */
}

While on the hunt for the above information, I came across a very cool website that illustrates CSS transformations, currently only supported by Chrome and Safari. The heat is definitely on for FireFox.

Leave a Comment