1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>:first-child pseudo-class
</title>
5 <style type=
"text/css">.red
{ background-color : red
}
6 .t1 td:first-child { background-color : lime
}
7 p
> *:first-child
{ background-color : lime
}
9 <link rel=
"first" href=
"css3-modsel-1.html" title=
"Groups of selectors">
10 <link rel=
"prev" href=
"css3-modsel-31.html" title=
":nth-last-of-type() pseudo-class">
11 <link rel=
"next" href=
"css3-modsel-33.html" title=
":last-child pseudo-class">
12 <link rel=
"last" href=
"css3-modsel-d5e.html" title=
"NEGATED :indeterminate with :checked">
13 <link rel=
"up" href=
"./index.html">
14 <link rel=
"top" href=
"../../index.html">
18 <table class=
"t1" border=
"1">
20 <td class=
"red">green cell
</td>
25 <td class=
"red">green cell
</td>
30 <td class=
"red">green cell
</td>
36 <p>This paragraph contains some text
37 <span>and a span that should have a green background
</span>