Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Expand file tree

/

at-supports-037.html

Copy path
More file actions
More file actions

Latest commit

 

History

History
History
43 lines (32 loc) · 1.16 KB
/

at-supports-037.html

Copy path

File metadata and controls

43 lines (32 loc) · 1.16 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports" title="6. Feature queries: the '@supports' rule">
<link rel="match" href="at-supports-001-ref.html">
<meta name="flags" content="invalid">
<meta name="assert" content="Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.">
<!--
supports_condition_in_parens
: ( '(' S* supports_condition ')' S* ) | supports_declaration_condition |
general_enclosed
;
-->
<style>
div
{
background-color: red;
height: 100px;
width: 100px;
}
@supports (margin: 0) { div {background-color: green;} }
@supports (margin: 0 and padding: 0) { div {background-color: red;} }
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div></div>
</body>
</html>
Morty Proxy This is a proxified and sanitized view of the page, visit original site.