Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/CSS2/syntax/matching-brackets-001.xht - WPT Dashboard Interop Dashboard
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
<head>
<title>CSS Test: Matching brackets and quotes for @rules</title>
<link rel="match" href="matching-brackets-001-ref.xht"/>
<meta name="flags" content="invalid"/>
<meta name="assert" content="User agents must handle unexpected tokens
encountered while parsing an at-rule by reading until the end of the
statement, while observing the rules for matching pairs of brackets
and quotes, and correctly handling escapes. "/>
<style type="text/css"><![CDATA[
p {
color: red;
background: red;
}
#semicolon { background: transparent; }
@foo ] } ) test-token \
~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
[\]\5D ']' "]"; # { background: red; } ]
(\)\29 ')' ")"; #semicolon { background: red; } } } } )
'; #semicolon { background: red; } } } }',
"; #semicolon { background: red; }' } } }"
;
#semicolon { color: green; }
#block { background: transparent; }
@foo ] } ) test-token \
~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
[\]\5D ']' "]"; #block { background: red; } ]
(\)\29 ')' ")"; #block { background: red; } )
'\'; #block { background: red; }',
"\"; #block { background: red; }'"
{\}\79 '}' "}"; #block { background: red; }
#block { background: red; } }
#block { color: green; }
]]></style>
</head>
<body>
<p id="semicolon">This sentence must be green.</p>
<p id="block">This sentence must be green.</p>
</body>
</html>