2009-03-31 19:37:40 +00:00
|
|
|
<!--
|
|
|
|
|
|
|
|
|
|
Test originally from
|
|
|
|
|
http://www.hixie.ch/tests/adhoc/css/quotes/001.xml
|
|
|
|
|
and relicensed to MPL/LGPL/GPL tri-license per Hixie's permission on IRC,
|
|
|
|
|
March 5, 2009.
|
|
|
|
|
|
|
|
|
|
-->
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<title>CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
|
2010-01-27 23:46:48 +00:00
|
|
|
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
|
|
|
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes"/>
|
|
|
|
|
<meta name="flags" content="" />
|
2009-03-31 19:37:40 +00:00
|
|
|
<style type="text/css">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
.party1 * { display: inline; }
|
|
|
|
|
.party1 .a { quotes: "Isn" "'"
|
|
|
|
|
"t" "FAIL!"
|
|
|
|
|
"FAIL!" " i"; }
|
|
|
|
|
.party1 .b { quotes: "" "FAIL!!"
|
|
|
|
|
" wonderful" "!!!"
|
|
|
|
|
" to " " work"
|
|
|
|
|
"see " " [FAIL to]"
|
|
|
|
|
"C" "quotes"
|
|
|
|
|
"S" " "; }
|
|
|
|
|
.party1 .c { quotes: none; }
|
|
|
|
|
.party1 .d { quotes: "FAIL!" "FAIL!"
|
|
|
|
|
"FAIL!" "FAIL!"
|
|
|
|
|
"" ""; }
|
|
|
|
|
.test { margin-left: 2em; }
|
|
|
|
|
.test .no-open:before { content: no-open-quote; }
|
|
|
|
|
.test .open:before { content: open-quote; }
|
|
|
|
|
.test .triple-open:before { content: open-quote open-quote open-quote; }
|
|
|
|
|
.test .no-close:after { content: no-close-quote; }
|
|
|
|
|
.test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
|
|
|
|
|
.test .close:after { content: close-quote; }
|
|
|
|
|
.test .triple-close:after { content: close-quote close-quote close-quote; }
|
|
|
|
|
.test .no-close-open:before { content: no-close-quote open-quote; }
|
|
|
|
|
|
|
|
|
|
]]>
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
|
|
|
|
|
|
|
|
|
|
<!-- Isn't it wonderful to see CSS quotes work!!!
|
|
|
|
|
--><div class="test c party1"><!-- c 0
|
|
|
|
|
--><div class="a open close"><!-- open a 1 isn
|
|
|
|
|
--></div><!-- close a 0 '
|
|
|
|
|
--><div class="a"><!-- a 0
|
|
|
|
|
--><div class="c open"><!-- open c 1
|
|
|
|
|
--><div class="a open"><!-- open a 2 t
|
|
|
|
|
--></div><!-- a 2
|
|
|
|
|
--></div><!-- c 2
|
|
|
|
|
--><div class="no-open close"><!-- a 3 [FAIL!]
|
|
|
|
|
--></div><!-- close a 2 i
|
|
|
|
|
--></div><!-- a 2
|
|
|
|
|
--><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t
|
|
|
|
|
--></div><!-- close a 1
|
|
|
|
|
--><div class="d no-open no-close"><!-- open d 2 [FAIL!]
|
|
|
|
|
--><div class="open close"><!-- open d 3
|
|
|
|
|
--><div class="open close"><!-- open d 4
|
|
|
|
|
--></div><!-- close d 3
|
|
|
|
|
--></div><!-- close d 2
|
|
|
|
|
--></div><!-- close d 1 [FAIL!]
|
|
|
|
|
--><div class="b no-close"><!-- b 1
|
|
|
|
|
--><div class="triple-no-close"/><!-- close b 0 [FAIL!!]
|
|
|
|
|
--><div class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to "
|
|
|
|
|
--><div class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S"
|
|
|
|
|
--><div class="open close"><!-- open b 7 S
|
|
|
|
|
--><div class="close"><!-- b 7
|
|
|
|
|
--><div class="no-close"><!-- b 7
|
|
|
|
|
--><div class="close"><!-- b 7
|
|
|
|
|
--><div class="no-close"><!-- b 7
|
|
|
|
|
--><div class="close"><!-- b 7
|
|
|
|
|
--></div><!-- close b 6 " "
|
|
|
|
|
--></div><!-- close b 5 [" "]
|
|
|
|
|
--></div><!-- close b 4 quotes
|
|
|
|
|
--></div><!-- close b 3 [ FAIL to]
|
|
|
|
|
--></div><!-- close b 2 work
|
|
|
|
|
--></div><!-- close b 1 !!!
|
|
|
|
|
--></div><!-- close b 0 [FAIL!!]
|
|
|
|
|
--></div><!-- b 0
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
