Parsing escapes outside of strings

Last updated: 10th April 2011

References:

Interesting test cases in the CSS2.1 testsuite RC6:

Each test case has this format:


Link to test case: http://css-class.com/test/css21testsuite/escaped-ident-003.xht

    p { background:green; color: white }

    #\
one { background: red }

    #t\
wo { background: red }

    #three\
{ background: red }

Testsuite: http://test.csswg.org/suites/css2.1/20110323/xhtml1/escaped-ident-003.xht.

Note: Firefox 3.6.16~4.0 shows three red lines.


Link to test case: http://css-class.com/test/css21testsuite/escaped-ident-008.xht

    p { background: green; color: white }

    p[c\
lass] { background: red }

    p:n\
ot([class]) { background: red }

Note: Firefox 3.6.16~4.0 shows two red lines.


Link to test case: http://css-class.com/test/css21testsuite/escaped-ident-010.xht

    p { background: red; color: white }

    p:n\ot([class]) { background: green }

Note: Safari 4.0.4~5.0.4, Chrome 10.0.648.204 and Opera 9.64 shows a red line.


Link to test case: http://css-class.com/test/css21testsuite/escapes-029.xht

   p { color: white; }

   body * { background: green }

   body \* { background: red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0017.html.

Note: Safari 4.0.4~5.0.4 and Chrome 10.0.648.204 shows a red line.


Link to test case: http://css-class.com/test/css21testsuite/escapes-030.xht

   p { color: white; }

   body * { background: green; }

   body \\* { background: red; }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0017.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-031.xht.

   p { color: white; }

   \p { background: green; }

   \* { background: gray; }

   body \2a { background: red; }

   .recover { background: green; }

   #block { border: 2px solid blue; }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Mar/0555.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-033.xht

   p { color: white; }

   \p { background: green; }

   body \2a { background: red; }

   .recover { background: green; }

Link to test case: http://css-class.com/test/css21testsuite/escapes-035.xht

   p { color: white; }

   * * * { background: green; }

   \
   * * * { background: red; }

Link to test case: http://css-class.com/test/css21testsuite/escapes-036.xht

   p { color: white }

   body * { background: green }

   body \
   * { background: red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0017.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-039.xht

   p { color: white; }

   div * { background: green }

   .\06B0 \* { background: red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0017.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-040.xht

   p { color: white; }

   div * { background: green }

   .\06B0 \
   * { background: red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0017.html.

Note: Firefox 3.6.16~4.0 shows a red line.


Link to test case: http://css-class.com/test/css21testsuite/escapes-043.xht

    body * { color: white }

    div { background:green }

    \p { background:green }

    \div { background:red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-044.xht

    body * { background: green; color: white }

    \ p { background:red }

    \ div { background:red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-045.xht

    body * { background:green; color: white }

    \
p { background:red }

    \
div { background:red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.

Note: Firefox 3.6.16~4.0 shows two red lines.


Link to test case: http://css-class.com/test/css21testsuite/escapes-046.xht

    body * { background:green; color: white }

    \
 p { background:red }

    \
 div { background:red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.

Note: Firefox 3.6.16~4.0 shows two red lines.


Link to test case: http://css-class.com/test/css21testsuite/escapes-047.xht

    body * { background: green; color: white }

    p\
{ background:red }

    div\
{ background:red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.

Note: Firefox 3.6.16~4.0 shows two red lines.


Link to test case: http://css-class.com/test/css21testsuite/escapes-048.xht

    body * { background:green; color: white }

    p\
 { background:red }

    div\
 { background:red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.

Note: Firefox 3.6.16~4.0 shows two red lines.


Link to test case: http://css-class.com/test/css21testsuite/escapes-052.xht

   p { background: green; color: white }

   \0062\006F\0064\0079 p { background: red }

Link to test case: http://css-class.com/test/css21testsuite/escapes-053.xht

   p { background: red; color: white }

   \0062\006F\0064\0079  p { background: green }

Link to test case: http://css-class.com/test/css21testsuite/escapes-059.xht

   p { background: green; color: white }

   .\03B1 p { background: red }

   .\06B0 p { background: red }

Link to test case: http://css-class.com/test/css21testsuite/escapes-060.xht

   p { background: red; color: white }

   .\03B1  p { background: green }

   .\06B0  p { background: green; }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-061.xht

   p { background: red; color: white }

   .\03B1
 p { background: green }

   .\06B0
 p { background: green }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-062.xht

   .\03B1\
 p { background: green }

   .\06B0\
 p { background: green; }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.

Note: Firefox 3.6.16~4.0 shows two red lines.


Link to test case: http://css-class.com/test/css21testsuite/escapes-063.xht

   p { background: red; color: white }

   .\03B1\

p { background: green }

Note: Firefox 3.6.16~4.0 shows a red line.


Link to test case: http://css-class.com/test/css21testsuite/escapes-064.xht

   p { background: red; color: white }

   .\03B1
 .\03C9 { background: green }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-065.xht

   p { background: green; color: white }

   .\03B1 .\03C9 { background: red }

Link to test case: http://css-class.com/test/css21testsuite/escapes-066.xht

   p { background: red; color: white }

   .\03B1  .\03C9 { background: green }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0113.html.


Link to test case: http://css-class.com/test/css21testsuite/escapes-080.xht

   p { background: green; color: white; }

   #\0 { background: red }

   .\0 { background: red }

www-style: http://lists.w3.org/Archives/Public/www-style/2011Apr/0095.html.

Note: Firefox 3.6.16~4.0 shows two red lines.


Link to test case: http://css-class.com/test/css21testsuite/escapes-081.xht

   p { background: green; color: white; }

   #\\ { background: red }

   .\\ { background: red }

Link to test case: http://css-class.com/test/css21testsuite/escapes-082.xht

   p { background: green; color: white; }

   #\# { background: red }

   .\. { background: red }

Link to test case: http://css-class.com/test/css21testsuite/escapes-085.xht

   p, div { background: green; color: white; }

   p\0 p { background: red }

   div\0 div { background: red }

   div *\0 * { background: red }

Note: Opera 11.01 shows three red lines.