Regression(r188105): Seems to have caused crashes during PLT on some iPads
[WebKit-https.git] / LayoutTests / fast / css / nth-child-specificity-2.html
1 <!doctype html>
2 <html>
3 <head>
4 <style>
5     /* The specifity varies with the element being matched. */
6     :nth-child(even of .foo, #bar, target) {
7         background-color: red;
8         color: white;
9         border: 5px solid purple;
10     }
11
12     /* (0, 1, 1) */
13     target.foo {
14         color: red;
15     }
16
17     /* (0, 2, 0) */
18     .foo.foo {
19         background-color: green;
20     }
21     /* (1, 0, 1) */
22     target#bar {
23         border: 5px solid blue;
24     }
25
26     target {
27         display: block;
28         margin: 2px;
29     }
30 </style>
31 </head>
32 <body>
33     <p>This test the specificity of :nth-child() with dynamic specificity. If the test pass, the style of each line should match its text description.</p>
34     <div>
35         <target>Black text on white background.</target>
36         <target>White text on red background with a purple border.</target>
37         <target class="foo">Red text on green background.</target>
38         <target class="foo">White text on green background with a purple border.</target>
39         <target id="bar">Black text on white background with a blue border.</target>
40         <target id="bar">White text on red background with a purple border.</target>
41         <target class="foo" id="bar">Red text on green background with a blue border.</target>
42         <target class="foo" id="bar">White text on red background with a purple border.</target>
43     </div>
44 </body>
45 </html>