Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Test: Quotes not affected by page level quotes</title>
<meta name="assert" content="The page content quotes do not affect the depth of generated quotes." />
<style type="text/css">
#test
{
border: solid blue;
quotes: '"' '"' "'" "'";
}
#test div:before
{
content: open-quote;
}
#test div:after
{
content: close-quote;
}
#reference
{
border: solid orange;
}
</style>
</head>
<body>
<p>Test passes if the characters in the blue box exactly match the characters in the orange box.</p>
<div id="test">
"document level open quote
<div>first open generated quote
<div>second set of quotes</div>
close first generated quote</div>
document level close quote"
</div>
<div id="reference">
"document level open quote
<div>"first open generated quote
<div>'second set of quotes'</div>
close first generated quote"</div>
document level close quote"
</div>
</body>
</html>