HTML Character Entities References in CSS Content Property Values

Dave Smith — Thu, 03 Jun 2010 15:06:38 +0000

Say the following ruleset is wanted:
li.toupee:after {content: ” »”;}

This won’t always work but the following ruleset will:
li.toupee:after {content: ” \00BB”;}

So, how to get from » to \00BB:

Find the Character Entity Reference (W3C) wanted
Find a code starting U+ in the entity description, for example U+00BB for » (raquo)
Copy the number part of the code, 00BB
Paste the number into your CSS Content property value
Place a “\” before the number, \00BB
Done

A little more info can be found by reading the Strings section of Syntax and Basic Data Types (W3C).

ZX CSS Layout

Dave Smith — Tue, 25 May 2010 21:20:48 +0000

ZX is a bunch CSS classes to help authors and developers create flexible and consistent cross-browser layouts. And make applying Media Queries easier. That’s the plan anyway.

The ZX CSS Layout example page ain’t pretty but hopefully there’s enough information to understand what’s going on and to try it out.

There are quite a few of these layout helping CSS frameworky type things around, a couple I’ve listed, and they’re definitely worth trying out to see which shoe fits the bill oddie, or something like that.

Dave Smith.info » Uncategorized

HTML Character Entities References in CSS Content Property Values

ZX CSS Layout