Making an image gallery with :target

Excerpt: One of the selectors new to CSS3 is the :target pseudo-class, which can be used to apply rules to an element with a fragment identifier; that is, an anchor name or an id. For example, let's assume you have a section heading with an id of 'chapter_2': <h3 id="chapter_2">The Title of the Chap…

Webkit passes the CSS Selector Test

Excerpt: As of last week Webkit passes the CSS Selector Test joining Konqueror and Opera as the third browser to provide a stable and complete CSS selector implementation. You can download a nightly build for yourself to try it out. Congratulations to the Webkit team at Apple! More information about the c…

Image Replacement in CSS3

Excerpt: While thinking about suggestions for new features wanted in CSS3, my mind strayed onto image replacement methods. At the moment we have a cornucopia of methods, none of which resolves the style on/images off problem without extra markup (I'm referring to CSS-only techniques). CSS3 should be able …

Fully selected

Excerpt: If you've been reading this blog, you'll know that Opera has been making great progress on the CSS3 selectors front in the latest version of its engine - Presto Core-2. While Opera 9.5 does pass every test in the CSS3.info selectors test, it wasn't without issues. The test doesn't test the ::selec…

:target pseudo selector tutorial

Excerpt: There's a good article online at Vitamin, Stay On :Target, about the CSS3 :target pseudo selector, which provides a good explanation and some working examples. :target is supported by all current browsers, except - well, I don't need to say it, do I? - so you can start using it straight away.…