Regression(r188105): Seems to have caused crashes during PLT on some iPads
[WebKit-https.git] / LayoutTests / fast / css / case-insensitive-attribute-selector-styling-xhtml-1.xhtml
1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3     <head>
4         <style>
5             p { /* Ref-test must fix into 800*600, keep the margins small. */
6                 margin: 2px;
7             }
8
9             [data-webkit] {
10                 background-color: red;
11                 color: blue;
12                 border: none;
13             }
14
15             [data-webkit="ROCKS!" i] {
16                 color: white;
17             }
18             [data-webkit="rocks!"] {
19                 color: red;
20                 font-weight: bold;
21             }
22
23             [data-webkit^="RO" i] {
24                 border: 5px dashed orange;
25                 background-color: lime;
26             }
27             [data-webkit^="ro"] {
28                 border: 2px solid purple;
29             }
30
31             /* This rule is invalid. */
32             [data-webkit i] {
33                 background-color: red;
34             }
35         </style>
36     </head>
37     <body>
38         <p>This test verify basic styling of element using case-insensitive attribute value matching (e.g. [foo=bar i]). If the test succeed, each paragraph should be styled according to its description.</p>
39         <p data-webkit="">Red background, blue text, no border.</p>
40         <p data-webkit="ROCKS!">Green background, white text, dashed orange border.</p>
41         <p data-webkit="rocks!">Green background, red text, solid purple border.</p>
42         <p data-webkit="Rocks!">Green background, white text, dashed orange border.</p>
43
44         <p data-webkit="ROCKS">Green background, blue text, dashed orange border.</p>
45         <p data-webkit="rocks">Green background, blue text, solid purple border.</p>
46         <p data-webkit="Rocks">Green background, blue text, dashed orange border.</p>
47
48         <p data-webkit="roar">Green background, blue text, solid purple border.</p>
49         <p data-webkit="Roar">Green background, blue text, dashed orange border.</p>
50         <p data-webkit="ROAR">Green background, blue text, dashed orange border.</p>
51     </body>
52 </html>