servo/tests/wpt/css-tests/css-regions-1_dev/html/region-styling-001.htm

35 lines
No EOL
1.2 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Region Styling</title>
<link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com">
<link rel="author" title="Mihai Balan" href="mailto:mibalan@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#flow-from">
<link rel="match" href="reference/region-styling-001-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Styling set in an @region rule overrides named flow element styling.">
<style type="text/css">
.content{
color: red;
flow-into: redContent;
}
.region{
flow-from: redContent;
}
@region .region{
div { color: green; }
}
.error{
color: red;
}
</style>
</head>
<body>
<div class="content">GREEN</div>
<p>This test passes if the word below is &ldquo;GREEN&rdquo; and is displayed in green.</p>
<div class="region">
<div class="error">FAIL</div>
</div>
</body>
</html>