litejs/css/notes.css

Single-page application framework

/**
 * IE does understand the <q> element, in the sense that it's a valid tag and you can style it.
 * (Other elements such as the HTML5 <header>/<footer> IE doesn't understand at all by default.)
 *
 * Anyhoo, the statement "doesn't support" really means "doesn't follow the standard".
 * It displays the <q> element fine but doesn't add quotation marks which the spec requires.
 * This is fixed in IE8.
 *
 * As Rich says, you can use pseudo-elements to add quotation marks - which you ought to do anyway -
 * but neither IE6 nor IE7 support that.
 * What I like to do though, is change the colour of the <q> element
 * and/or make it italic in an IE-only stylesheet.
 * So IE visitors will at least see a differentiation.
 *
 * Here's a code snippet that may be useful.
 * It adds double curly quotes to all <q> tags, and single curly quotes to nested <q> tags:
 *
 * @see http://alistapart.com/article/qtag
 */

q:before {
	content: "\201c";
}
q:after {
	content: "\201d";
}
q q:before {
	content: "\2018";
}
q q:after {
	content: "\2019";
}