ÿþ<!DOCTYPE html> <html lang="en"> <head> <title>CSS identifiers, characters and encoding</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> </script> <style type="text/css" media="screen"> body, code { background: white } #\31\31\31\31 { background: lime } .\32\32\32\32 { background: #\30\66\30 } /* '#0F0' = 'lime' */ .\033\033\033\033 { background: lime } .\0034\0034\0034\0034 { background: lime } .\06B0 { background: lime } \0064\0069\0076 { bac\k\g\r\o\u\nd: lime; border: 10\0070\x solid \62\6C\75\65 } p, div { padding: 5px } </style> </head> <body> <h1>CSS identifiers, characters and encoding</h1> <!-- begin test --> <p id="1111">test - <code>#\31\31\31\31 { background: lime }</code> = <code>#1111 { background: lime }</code></p> <p class="2222">test - <code>.\32\32\32\32 { background: #\0030\0066\0030 }</code> = <code>.2222 { background: #0F0 }</code> '#0F0' = 'lime'</p> <p class="3333">test - <code>.\033\033\033\033 { background: lime }</code> = <code>.3333 { background: lime }</code></p> <p class="4444">test - <code>.\0034\0034\0034\0034 { background: lime }</code> = <code>.4444 { background: lime }</code></p> <p class="°">test - <code>.\06B0 { background: lime }</code> = <code>.° { background: lime }</code></p> <div>test - <code>\0064\0069\0076 { bac\k\g\r\o\u\nd: lime; border: 10\0070\x solid \0062\006C\0075\0065 }</code></div> <!-- end test --> <p>Please see <a href="http://www.w3.org/TR/CSS21/syndata.html#characters">character encoding</a> in CSS2.1 part 4 - CSS syntax and data.</p> <ul> <li><a href="http://css-class.com/test/css/selectors/">Selectors</a></li> <li><a href="http://css-class.com/test/">CSS Class Test</a></li> </ul> </body> </html>