quotes-035a

CSS and Quotes: Counting Right (Slightly Simpler Version)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <link rel="reference" href="quotes-035-ref.xht">
 5   <title>CSS Test: CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
 6   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 7   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/001.xml" type="application/xhtml+xml">
 8   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes">
 9   <style type="text/css">
10   
11      .party1 * { display: inline; }
12      .party1 .a { quotes: "Isn"        "'"
13                           "t"          "FAIL!"
14                           "FAIL!"      " i"; }
15      .party1 .b { quotes: ""           "FAIL!!" 
16                           " wonderful" "!!!"
17                           " to "       " work"
18                           "see "       " [FAIL to]"
19                           "C"          "quotes"
20                           "S"          " "
21                           "S"          " "; }
22      .party1 .c { quotes: none; }
23      .party1 .d { quotes: "FAIL!"      "FAIL!"
24                           "FAIL!"      "FAIL!"
25                           ""           ""
26                           ""           ""; }
27      .test { margin-left: 2em; }
28      .test .no-open:before { content: no-open-quote; }
29      .test .open:before { content: open-quote; }
30      .test .triple-open:before { content: open-quote open-quote open-quote; }
31      .test .no-close:after { content: no-close-quote; }
32      .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
33      .test .close:after { content: close-quote; }
34      .test .triple-close:after { content: close-quote close-quote close-quote; }
35      .test .no-close-open:before { content: no-close-quote open-quote; }
36 
37   
38   </style>
39  </head>
40  <body>
41 
42   <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
43 
44     <!--                                               Isn't it wonderful to see CSS quotes work!!! 
45     --><div class="test c party1"><!--               c 0
46      --><div class="a open close"><!-- open          a 1 isn                     
47      --></div><!-- close                             a 0 '                       
48      --><div class="a"><!--                          a 0                         
49       --><div class="c open"><!-- open               c 1                         
50        --><div class="a open"><!-- open              a 2 t                       
51        --></div><!--                                 a 2                         
52       --></div><!--                                  c 2                         
53       --><div class="no-open close"><!--             a 3 [FAIL!]                   
54       --></div><!-- close                            a 2 i                       
55      --></div><!--                                   a 2                         
56      --><div class="no-close-open no-close a"><!--   a 2 [FAIL!] t                         
57      --></div><!-- close                             a 1
58      --><div class="d no-open no-close"><!-- open    d 2 [FAIL!]                 
59       --><div class="open close"><!-- open           d 3                          
60        --><div class="open close"><!-- open          d 4                         
61        --></div><!-- close                           d 3                         
62       --></div><!-- close                            d 2                         
63      --></div><!-- close                             d 1 [FAIL!] 
64      --><div class="b no-close"><!--                 b 1                         
65       --><div class="no-close"></div><!-- close           b 0 [FAIL!!]   
66       --><div class="triple-open"></div><!-- open x 3     b 3 "", "wonderful ", "to "
67       --><div class="triple-open"></div><!-- open x 3     b 6 "see ", "C", "S"       
68       --><div class="open close"><!-- open           b 7 S                       
69        --><div class="close"><!--                    b 7
70         --><div class="no-close"><!--                b 7                          
71          --><div class="close"><!--                  b 7                          
72           --><div class="no-close"><!--              b 7                           
73            --><div class="close"><!--                b 7                         
74            --></div><!-- close                       b 6 " "
75           --></div><!-- close                        b 5 [" "]                   
76          --></div><!-- close                         b 4  quotes                 
77         --></div><!-- close                          b 3 [ FAIL to]              
78        --></div><!-- close                           b 2  work                   
79       --></div><!-- close                            b 1 !!!                     
80      --></div><!-- close                             b 0 [FAIL!!]                  
81     --></div><!--                                    b 0
82     -->
83 
84  </body>
85 </html>