quotes-035a.xht (4376B)
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 <style type="text/css"> 10 <![CDATA[ 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"/><!-- close b 0 [FAIL!!] 66 --><div class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to " 67 --><div class="triple-open"/><!-- 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>