quotes-001.xml (5116B)
1 <!-- This Source Code Form is subject to the terms of the Mozilla Public 2 - License, v. 2.0. If a copy of the MPL was not distributed with this 3 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 4 5 <!-- 6 7 Test originally from 8 http://www.hixie.ch/tests/adhoc/css/quotes/001.xml , 9 relicensed to MPL/LGPL/GPL tri-license per Hixie's permission on IRC, 10 March 5, 2009, and upgraded to MPL 2. 11 12 --> 13 <html xmlns="http://www.w3.org/1999/xhtml"> 14 <head> 15 <title>CSS and Quotes: Counting Right (Slightly Simpler Version)</title> 16 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" /> 17 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes"/> 18 <meta name="flags" content="" /> 19 <style type="text/css"> 20 <![CDATA[ 21 .party1 * { display: inline; } 22 .party1 .a { quotes: "Isn" "'" 23 "t" "FAIL!" 24 "FAIL!" " i"; } 25 .party1 .b { quotes: "" "FAIL!!" 26 " wonderful" "!!!" 27 " to " " work" 28 "see " " [FAIL to]" 29 "C" "quotes" 30 "S" " "; } 31 .party1 .c { quotes: none; } 32 .party1 .d { quotes: "FAIL!" "FAIL!" 33 "FAIL!" "FAIL!" 34 "" ""; } 35 .test { margin-left: 2em; } 36 .test .no-open:before { content: no-open-quote; } 37 .test .open:before { content: open-quote; } 38 .test .triple-open:before { content: open-quote open-quote open-quote; } 39 .test .no-close:after { content: no-close-quote; } 40 .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; } 41 .test .close:after { content: close-quote; } 42 .test .triple-close:after { content: close-quote close-quote close-quote; } 43 .test .no-close-open:before { content: no-close-quote open-quote; } 44 45 ]]> 46 </style> 47 </head> 48 <body> 49 50 <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. --> 51 52 <!-- Isn't it wonderful to see CSS quotes work!!! 53 --><div class="test c party1"><!-- c 0 54 --><div class="a open close"><!-- open a 1 isn 55 --></div><!-- close a 0 ' 56 --><div class="a"><!-- a 0 57 --><div class="c open"><!-- open c 1 58 --><div class="a open"><!-- open a 2 t 59 --></div><!-- a 2 60 --></div><!-- c 2 61 --><div class="no-open close"><!-- a 3 [FAIL!] 62 --></div><!-- close a 2 i 63 --></div><!-- a 2 64 --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t 65 --></div><!-- close a 1 66 --><div class="d no-open no-close"><!-- open d 2 [FAIL!] 67 --><div class="open close"><!-- open d 3 68 --><div class="open close"><!-- open d 4 69 --></div><!-- close d 3 70 --></div><!-- close d 2 71 --></div><!-- close d 1 [FAIL!] 72 --><div class="b no-close"><!-- b 1 73 --><div class="triple-no-close"/><!-- close b 0 [FAIL!!] 74 --><div class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to " 75 --><div class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S" 76 --><div class="open close"><!-- open b 7 S 77 --><div class="close"><!-- b 7 78 --><div class="no-close"><!-- b 7 79 --><div class="close"><!-- b 7 80 --><div class="no-close"><!-- b 7 81 --><div class="close"><!-- b 7 82 --></div><!-- close b 6 " " 83 --></div><!-- close b 5 [" "] 84 --></div><!-- close b 4 quotes 85 --></div><!-- close b 3 [ FAIL to] 86 --></div><!-- close b 2 work 87 --></div><!-- close b 1 !!! 88 --></div><!-- close b 0 [FAIL!!] 89 --></div><!-- b 0 90 --> 91 92 </body> 93 </html>