mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-14 15:37:55 +00:00
57 lines
1.7 KiB
HTML
57 lines
1.7 KiB
HTML
|
<?xml version="1.0" encoding="UTF-8"?>
|
||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
|
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||
|
<head>
|
||
|
<title>Namespace identifiers should be case sensitive (bug 416106)</title>
|
||
|
<style type="text/css">
|
||
|
@namespace foo url(http://www.example.com/1);
|
||
|
@namespace Foo url(http://www.example.com/2);
|
||
|
@namespace fOO url(http://www.example.com/3);
|
||
|
|
||
|
foo|one { color: green; }
|
||
|
Foo|two { color: green; }
|
||
|
fOO|three { color: green; }
|
||
|
|
||
|
Foo|one { color: red; }
|
||
|
fOO|one { color: red; }
|
||
|
foo|two { color: red; }
|
||
|
fOO|two { color: red; }
|
||
|
foo|three { color: red; }
|
||
|
Foo|three { color: red; }
|
||
|
|
||
|
div[foo|one] { color: green; }
|
||
|
div[Foo|two] { color: green; }
|
||
|
div[fOO|three] { color: green; }
|
||
|
|
||
|
div[Foo|one] { color: red; }
|
||
|
div[fOO|one] { color: red; }
|
||
|
div[foo|two] { color: red; }
|
||
|
div[fOO|two] { color: red; }
|
||
|
div[foo|three] { color: red; }
|
||
|
div[Foo|three] { color: red; }
|
||
|
|
||
|
div#gencon { color: black; }
|
||
|
div#gencon:before { content: attr(foo|one) attr(Foo|two) attr(fOO|three); }
|
||
|
|
||
|
</style>
|
||
|
</head>
|
||
|
<body xmlns:one="http://www.example.com/1"
|
||
|
xmlns:two="http://www.example.com/2"
|
||
|
xmlns:three="http://www.example.com/3">
|
||
|
|
||
|
<div><one:one>This should be green.</one:one></div>
|
||
|
<div><two:two>This should be green.</two:two></div>
|
||
|
<div><three:three>This should be green.</three:three></div>
|
||
|
<div one:one="true">This should be green.</div>
|
||
|
<div two:two="true">This should be green.</div>
|
||
|
<div three:three="true">This should be green.</div>
|
||
|
|
||
|
<div id="gencon"
|
||
|
one:one="pass" one:two="fail" one:three="fail"
|
||
|
two:one="fail" two:two="pass" two:three="fail"
|
||
|
three:one="fail" three:two="fail" three:three="pass"></div>
|
||
|
|
||
|
</body>
|
||
|
</html>
|