summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/sec5
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/sec5
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/sec5')
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/id-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/id-001.xht22
37 files changed, 803 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht
new file mode 100644
index 0000000000..40c7c77b33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.gray {
+ color: gray;
+}
+.purple {
+ color: purple;
+}
+.black {
+ color: black;
+}
+.blue {
+ color: blue;
+}
+</style>
+</head>
+<body>
+<p class="gray">Filler text.</p>
+<p class="purple">This text should be purple.</p>
+<div class="black">This text should be black.</div>
+<h4 class="blue">This text should be blue.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht
new file mode 100644
index 0000000000..f0d8e45e71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Adjacent selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="adjacent-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the adjacent element"/>
+<style type="text/css">
+body > p {color: gray}
+
+p + p {color: purple}
+p + div {color: black}
+div + h4 {color: blue}
+
+</style>
+ </head>
+ <body>
+<p>Filler text.</p>
+<p>This text should be purple.</p>
+<div>This text should be black.</div>
+<h4>This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht
new file mode 100644
index 0000000000..59b55d3ddd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Adjacent selectors without the space separator</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="adjacent-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the adjacent element also without the space separator"/>
+<style type="text/css">
+body > p {color: gray}
+
+p+p {color: purple}
+p+div {color: black}
+div+h4 {color: blue}
+
+</style>
+ </head>
+ <body>
+<p>Filler text.</p>
+<p>This text should be purple.</p>
+<div>This text should be black.</div>
+<h4>This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht
new file mode 100644
index 0000000000..59a6c06ed9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Adjacent selectors with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="adjacent-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the adjacent element when combined with the universal selector"/>
+<style type="text/css">
+body > p {color: gray}
+
+body > p + * {color: purple}
+p + p + * {color: black}
+div + *{color: blue}
+
+</style>
+ </head>
+ <body>
+<p>Filler text.</p>
+<p>This text should be purple.</p>
+<div>This text should be black.</div>
+<h4>This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht
new file mode 100644
index 0000000000..0509900929
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Generic match</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute, disregarding its value"/>
+<style type="text/css">
+p[id] {color: purple}
+div[class] {color: black}
+h4[title] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht
new file mode 100644
index 0000000000..155bc96527
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Generic match with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute, disregarding its value"/>
+<style type="text/css">
+[id] {color: purple}
+[class] {color: black}
+*[title] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht
new file mode 100644
index 0000000000..b1ca0bb402
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Exact match</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute and the specified value"/>
+<style type="text/css">
+p[id="foo"] {color: purple}
+div[class="boo"] {color: black}
+h4[title="Heading"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht
new file mode 100644
index 0000000000..5789983520
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Exact match with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute and the specified value"/>
+<style type="text/css">
+[id="foo"] {color: purple}
+[class="boo"] {color: black}
+*[title="Heading"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht
new file mode 100644
index 0000000000..aab6bcadce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Partial match</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with one of the values separated by a space"/>
+<style type="text/css">
+p[id~="moo"] {color: purple}
+div[class~="too"] {color: black}
+h4[title~="now"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo moo">This text should be purple.</p>
+<div class="boo goo too">This text should be black.</div>
+<h4 title="Heading very important now">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht
new file mode 100644
index 0000000000..fc5030e744
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Partial match with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with one of the values separated by a space"/>
+<style type="text/css">
+[id~="moo"] {color: purple}
+[class~="too"] {color: black}
+*[title~="now"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo moo">This text should be purple.</p>
+<div class="boo goo too">This text should be black.</div>
+<h4 title="Heading very important now">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht
new file mode 100644
index 0000000000..bcb9f571dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Substring matching</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have an hyphen-separated list of attribute values"/>
+<style type="text/css">
+p[id|="foo"] {color: purple}
+div[class|="foo"] {color: black}
+h4[lang|="en"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo-moo">This text should be purple.</p>
+<div class="foo-moo-too">This text should be black.</div>
+<h4 lang="en-us">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht
new file mode 100644
index 0000000000..36291de574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Substring matching with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have an hyphen-separated list of attribute values"/>
+<style type="text/css">
+[id|="foo"] {color: purple}
+[class|="foo"] {color: black}
+*[lang|="en"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo-moo">This text should be purple.</p>
+<div class="foo-moo-too">This text should be black.</div>
+<h4 lang="en-us">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht
new file mode 100644
index 0000000000..d9f9d3684f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.purple {
+ color: purple;
+}
+.black {
+ color: black;
+}
+.blue {
+ color: blue;
+}
+</style>
+</head>
+<body>
+<p class="purple">This text should be purple.</p>
+<div class="black">This text should be black.</div>
+<h4 class="blue">This text should be blue.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html
new file mode 100644
index 0000000000..8eb5f528a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ div {
+ color: orange;
+ }
+ h4 {
+ color: blue;
+ }
+</style>
+<body>
+ <p>This text should be fuchsia.</p>
+ <div>This text should be orange.</div>
+ <h4>This text should be blue.</h4>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-000.xht b/testing/web-platform/tests/css/CSS2/sec5/class-000.xht
new file mode 100644
index 0000000000..366573c743
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Class selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class"/>
+<style type="text/css">
+p.foo {color: fuchsia}
+div.moo {color: orange}
+h4.title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p class="foo">This text should be fuchsia.</p>
+<div class="moo">This text should be orange.</div>
+<h4 class="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-001.xht b/testing/web-platform/tests/css/CSS2/sec5/class-001.xht
new file mode 100644
index 0000000000..096210ac2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Class selectors with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class"/>
+<style type="text/css">
+.foo {color: fuchsia}
+.moo {color: orange}
+*.title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p class="foo">This text should be fuchsia.</p>
+<div class="moo">This text should be orange.</div>
+<h4 class="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html b/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html
new file mode 100644
index 0000000000..fff0f9eaef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ div {
+ color: fuchsia;
+ border: thin solid;
+ }
+ h4 {
+ color: blue;
+ }
+</style>
+<body>
+ <p>This text should be fuchsia.</p>
+ <div>This text should be fuchsia with a thin fuchsia border.</div>
+ <h4>This text should be blue without any border.</h4>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-002.xht b/testing/web-platform/tests/css/CSS2/sec5/class-002.xht
new file mode 100644
index 0000000000..85fdef97e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-002.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Class selectors: Multiple classes</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="match" href="class-002-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class or classes"/>
+<style type="text/css">
+.foo {color: fuchsia}
+.foo.moo {border: thin solid;}
+h4.title {color: blue; border: none;}
+
+</style>
+ </head>
+ <body>
+<p class="foo">This text should be fuchsia.</p>
+<div class="foo moo">This text should be fuchsia with a thin fuchsia border.</div>
+<h4 class="title moo">This text should be blue without any border.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht
new file mode 100644
index 0000000000..3dfe06f0d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.orange {
+ border: thin solid orange;
+}
+.blue {
+ border: thin solid blue;
+}
+.fuchsia {
+ border: thin solid fuchsia;
+}
+</style>
+</head>
+<body>
+<p class="orange">This paragraph should have a thin orange border.</p>
+<div><p class="blue">This paragraph should have a thin blue border.</p></div>
+<h4><span class="fuchsia">This text should have a thin fuchsia border.</span></h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht
new file mode 100644
index 0000000000..2afa2da179
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Descendant selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendant-selector-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the descendant elements"/>
+<style type="text/css">
+body p {border: thin solid orange}
+div p {border: thin solid blue}
+h4 span {border: thin solid fuchsia}
+</style>
+ </head>
+ <body>
+<p>This paragraph should have a thin orange border.</p>
+<div><p>This paragraph should have a thin blue border.</p></div>
+<h4><span>This text should have a thin fuchsia border.</span></h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht
new file mode 100644
index 0000000000..d1ab44ff18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Descendant selectors and universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendant-selector-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the descendant elements"/>
+<style type="text/css">
+body * {border: thin solid orange}
+body div {border: none}
+div * {border: thin solid blue}
+body h4 {border: none}
+h4 * {border: thin solid fuchsia}
+</style>
+ </head>
+ <body>
+<p>This paragraph should have a thin orange border.</p>
+<div><p>This paragraph should have a thin blue border.</p></div>
+<h4><span>This text should have a thin fuchsia border.</span></h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht
new file mode 100644
index 0000000000..dae8db9149
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :hover on links</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+a:hover {background-color: green; color: white}
+
+</style>
+ </head>
+ <body>
+<p>The link in the next paragraph should have a green background color and a white text color on :hover.</p>
+
+<p><a href="#">Hover me</a></p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht
new file mode 100644
index 0000000000..bbf671169c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :hover on different elements</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+p+p:hover {background-color: green; color: white}
+
+</style>
+ </head>
+ <body>
+<p>The next paragraph should have a green background color and a white text color on :hover.</p>
+
+<p>Hover me</p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht
new file mode 100644
index 0000000000..fd2d1f207b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :active</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+a:link {color: blue}
+a:visited {color: purple}
+a:active {color: green; font-weight: bold}
+
+</style>
+ </head>
+ <body>
+<p>The link in the next paragraph should have a green text color and a bold font weight when it's activated.</p>
+
+<p><a href="#">Click me</a>.</p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht
new file mode 100644
index 0000000000..2192e1b548
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :focus</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+a:focus {background-color: green; color: white}
+
+</style>
+ </head>
+ <body>
+<p>The link below should have a white text color and a green background color when it has focus.</p>
+
+<p><a href="#">Link</a></p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html
new file mode 100644
index 0000000000..6c65404bfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ div {
+ color: orange;
+ }
+ h4 {
+ color: blue;
+ }
+ .silver {
+ color: silver;
+ }
+</style>
+<body>
+ <p><em>This text should be fuchsia.</em> <span class="silver">Filler text.</span></p>
+ <div>This text should be orange.</div>
+ <p class="silver">Filler text.</p>
+ <h4>This text should be blue. <span class="silver">Filler text.</span></h4>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht
new file mode 100644
index 0000000000..d31ef34996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-child pseudo-class</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
+ <link rel="match" href="first-child-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the element which is the first child of its parent"/>
+<style type="text/css">
+* {color: silver}
+em:first-child {color: fuchsia;}
+div:first-child {color: orange;}
+span:first-child {color: blue}
+</style>
+ </head>
+ <body>
+<p><em>This text should be fuchsia.</em> Filler text.</p>
+<div><div>This text should be orange.</div> <p>Filler text.</p></div>
+<h4><span>This text should be blue.</span> <span>Filler text.</span></h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht b/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht
new file mode 100644
index 0000000000..d6dbb4aab9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-child pseudo-class with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
+ <link rel="match" href="first-child-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the element which is the first child of its parent"/>
+<style type="text/css">
+* {color: silver}
+* em:first-child {color: fuchsia}
+div *:first-child {color: orange}
+* > span:first-child {color: blue}
+</style>
+ </head>
+ <body>
+<p><em>This text should be fuchsia.</em> Filler text.</p>
+<div><div>This text should be orange.</div> <p>Filler text.</p></div>
+<h4><span>This text should be blue.</span> <span>Filler text.</span></h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht
new file mode 100644
index 0000000000..90e1be1ae6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-letter pseudo-element</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="Browsers should apply the rule only to the first letter of a block-level element"/>
+<style type="text/css">
+p:first-letter, div span {color: fuchsia; font-weight: bold; font-size: 1.8em;}
+
+</style>
+ </head>
+ <body>
+<p>The first letter of this paragraph should be fuchsia, in a bold face and in a bigger font size (same as in the next block).</p>
+<div><span>L</span>orem ipsum dolor.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html
new file mode 100644
index 0000000000..4999f4fa5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ span {
+ color: silver;
+ }
+</style>
+<body>
+ <p>The first line of this paragraph should be fuchsia (same as in the next block).<br /><span>Filler text.</span></p>
+ <p>Lorem ipsum dolor.<br /><span>Filler text.</span></p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht
new file mode 100644
index 0000000000..010019f0bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-line pseudo-element</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply the rule only to the first line of a block-level element"/>
+<style type="text/css">
+p, div {color: silver}
+p:first-line, div span {color: fuchsia}
+
+</style>
+ </head>
+ <body>
+<p>The first line of this paragraph should be fuchsia (same as in the next block).<br />Filler text.</p>
+<div><span>Lorem ipsum dolor.</span><br />Filler text.</div>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht
new file mode 100644
index 0000000000..ec3361343a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht
new file mode 100644
index 0000000000..dc57893635
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ color: green;
+ font-weight: bold;
+}
+</style>
+</head>
+<body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht
new file mode 100644
index 0000000000..75f29cbc35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Grouping</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" />
+ <link rel="match" href="grouping-000-ref.xht"/>
+ <link rel="mismatch" href="grouping-000-notref.xht"/>
+ <meta name="assert" content="Browsers should apply the rule to all elements grouped"/>
+<style type="text/css">
+p, div, h4 {color: green; font-weight: bold}
+</style>
+ </head>
+ <body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht
new file mode 100644
index 0000000000..8ffcc3fe62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Grouping: Invalid grouping</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" />
+ <link rel="match" href="grouping-000-ref.xht"/>
+ <link rel="mismatch" href="grouping-000-notref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Browsers should ignore an invalid grouping"/>
+<style type="text/css">
+* {font-weight: bold}
+p, div, h4 {color: green}
+p, div, h4, {color: red}
+</style>
+ </head>
+ <body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/id-000.xht b/testing/web-platform/tests/css/CSS2/sec5/id-000.xht
new file mode 100644
index 0000000000..6c732aadf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/id-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: ID selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified ID"/>
+<style type="text/css">
+p#foo {color: fuchsia}
+div#moo {color: orange}
+h4#title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be fuchsia.</p>
+<div id="moo">This text should be orange.</div>
+<h4 id="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/id-001.xht b/testing/web-platform/tests/css/CSS2/sec5/id-001.xht
new file mode 100644
index 0000000000..81ac96e0e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/id-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: ID selectors with universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified ID"/>
+<style type="text/css">
+#foo {color: fuchsia}
+#moo {color: orange}
+*#title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be fuchsia.</p>
+<div id="moo">This text should be orange.</div>
+<h4 id="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file