Matt Readhttp://www.mattread.com/weblog/testing-the-language-and-pseudo-elements/2007-04-06T14:58:22-04:002013-03-08T23:00:20-05:002004-09-20T10:57:33-04:00<p>This post is a test of my new CSS pseudo elements. I have added special quotes for English, Francais and German (only seems to work in Gecko, hmm). I have also added a neat hack to show the <code>cite</code> attribute right after a <code>blockquote</code>, to show the source of that <code>blockquote</code>, as well as language markers for the given <code>lang</code> attribute. Anyway, this post is just to test them out. Note that this will not work in IE, so go get <a href="http://www.mozilla.org/firefox/">FireFox</a>.</p> <p><q>This is a quote in <q>English</q>, using normal quotes and since the main language of this site is english there is no extra language identifier.</q></p> <p><q lang="fr">Se c'est un quote en <q>Francais</q>, et i'll y a un marker pour language. Je ne parler pas francais.</q></p> <p><q lang="de">Vis is ze quote en <q>German</q>, but I von't speken ze German, but anyvay, vere is an extra language marker.</q></p> <blockquote cite="http://mattread.com/" lang="en"><p>This is a test blockquote and has a cite attribute of http://mattread.com/ and a lang attribute of en. You will notice the nice Source thing at the bottom of this blockquote, and the [en] language marker, which is done entirely in CSS. Pretty cool isn't it?</p></blockquote> <p lang="fr">Now lets test a paragraph in French, <q>with a quote in french</q> and <q lang="en">a quote in english</q>. Notice the language marker before this paragraph. Ya ya, I know this isn't French but like I said earlier, I don't speak French very well. Again, all CSS.</p> <p>I have also added a <a href="/c/print.css">print CSS file</a>, so do a print preview to see the print style of this site. Have fun, and let me know what you think. Have a look at my main <a href="/c/lang.css">language CSS file</a>.</p> <p>Inspired by <a href="http://www.no2.org.uk/">James</a>.</p>