2005-06-26 Web

I finally fixed my default style-sheet. It triggered a bug in Safari browsers. The style-sheet was UTF-8 encoded and contained the following expression:

a[class="url outside"]:before { content:"↗"; }

This resulted in the raw bytes being shown in Safari browsers instead of the so-called “north-east arrow”. I reread the specs, determined to do browser-detection and server a different style-sheet for Safari that would use an image instead of the character. I found something else, however – section 4.4.1 Referring to characters not represented in a character encoding. Just what I wanted. And there I discovered that CSS had a *different* way of escaping character references. Quelle surprise! 😄 So here’s the new line in my CSS:

4.4.1 Referring to characters not represented in a character encoding

a[class="url outside"]:before { content:"\2197"; }

​#Web