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