| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>:nth-of-type() pseudo-class with hidden elements</title> |
| <style type="text/css"><![CDATA[ |
| line { display: block; } |
| [type~=odd] { background: red; } |
| line:nth-of-type(odd) { background: lime; } |
| [hidden] { display: none; } |
| ]]></style> |
| <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/> |
| <link rel="prev" href="css3-modsel-144.xml" title="NEGATED :enabled:disabled pseudo-classes"/> |
| <link rel="next" href="css3-modsel-145b.xml" title=":nth-of-type() pseudo-class with hidden elements"/> |
| <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/> |
| <link rel="up" href="./index.html"/> |
| <link rel="top" href="../../index.html"/> |
| </head> |
| <body> |
| <test xmlns="http://www.example.org/"> |
| <line type="odd">This line should be green.</line> |
| <line type="even">This line should be unstyled.</line> |
| <line type="odd" hidden="hidden">This line should be green.</line> |
| <line type="even">This line should be unstyled.</line> |
| <line type="odd">This line should be green.</line> |
| <line type="even">This line should be unstyled.</line> |
| <line type="odd">This line should be green.</line> |
| <line type="even" hidden="hidden">This line should be unstyled.</line> |
| <line type="odd">This line should be green.</line> |
| <line type="even">This line should be unstyled.</line> |
| <line type="odd">This line should be green.</line> |
| <line type="even" hidden="hidden">This line should be unstyled.</line> |
| <line type="odd" hidden="hidden">This line should be green.</line> |
| <line type="even">This line should be unstyled.</line> |
| <line type="odd">This line should be green.</line> |
| </test> |
| </body> |
| </html> |
