1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>Impossible rules (:root:first-child, etc)
</title>
5 <style type=
"text/css">
6 :root:first-child
{ background-color: red
; }
7 :root:last-child
{ background-color: red
; }
8 :root:only-child
{ background-color: red
; }
9 :root:nth-child
(1) { background-color: red
; }
10 :root:nth-child
(n
) { background-color: red
; }
11 :root:nth-last-child
(1) { background-color: red
; }
12 :root:nth-last-child
(n
) { background-color: red
; }
13 :root:first-of-type
{ background-color: red
; }
14 :root:last-of-type
{ background-color: red
; }
15 :root:only-of-type
{ background-color: red
; }
16 :root:nth-of-type
(1) { background-color: red
; }
17 :root:nth-of-type
(n
) { background-color: red
; }
18 :root:nth-last-of-type
(1) { background-color: red
; }
19 :root:nth-last-of-type
(n
) { background-color: red
; }
20 p
{ color: green
; }</style>
21 <link rel=
"first" href=
"css3-modsel-1.html" title=
"Groups of selectors">
22 <link rel=
"prev" href=
"css3-modsel-27.html" title=
":root pseudo-class">
23 <link rel=
"next" href=
"css3-modsel-27b.html" title=
"Impossible rules (* html, * :root)">
24 <link rel=
"last" href=
"css3-modsel-d4.html" title=
"Dynamic updating of :first-child and :last-child">
25 <link rel=
"up" href=
"./index.html">
26 <link rel=
"top" href=
"../../index.html">
29 <p>This line should be green (there should be no red on this page).
</p>