1 <html xmlns="http://www.w3.org/1999/xhtml">
3 <title>:nth-of-type() pseudo-class with hidden elements</title>
4 <style type="text/css"><![CDATA[
5 line { display: block; }
6 [type~=odd] { background: red; }
7 line:nth-of-type(odd) { background: lime; }
8 [hidden] { display: none; }
10 <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/>
11 <link rel="prev" href="css3-modsel-144.xml" title="NEGATED :enabled:disabled pseudo-classes"/>
12 <link rel="next" href="css3-modsel-145b.xml" title=":nth-of-type() pseudo-class with hidden elements"/>
13 <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/>
14 <link rel="up" href="./index.html"/>
15 <link rel="top" href="../../index.html"/>
18 <test xmlns="http://www.example.org/">
19 <line type="odd">This line should be green.</line>
20 <line type="even">This line should be unstyled.</line>
21 <line type="odd" hidden="hidden">This line should be green.</line>
22 <line type="even">This line should be unstyled.</line>
23 <line type="odd">This line should be green.</line>
24 <line type="even">This line should be unstyled.</line>
25 <line type="odd">This line should be green.</line>
26 <line type="even" hidden="hidden">This line should be unstyled.</line>
27 <line type="odd">This line should be green.</line>
28 <line type="even">This line should be unstyled.</line>
29 <line type="odd">This line should be green.</line>
30 <line type="even" hidden="hidden">This line should be unstyled.</line>
31 <line type="odd" hidden="hidden">This line should be green.</line>
32 <line type="even">This line should be unstyled.</line>
33 <line type="odd">This line should be green.</line>