| <!doctype html> |
| <html> |
| <head> |
| <style> |
| /* Specificity of (0, 0, 0). */ |
| * { |
| background-color: white; |
| font-weight: bold; |
| } |
| |
| /* Specificity of (0, 0, 1). */ |
| p { |
| margin: 2px; /* Ref-test must fix into 800*600, keep the margins small. */ |
| font-weight: normal |
| } |
| </style> |
| </head> |
| <body> |
| <p>Test the specificity of the case-insensitive attribute selector. If the test pass, each line should be styled as described by its text.</p> |
| <p>Black text, white background, no border.</p> |
| <p style="background-color: lime; color: blue; font-weight: bold; border: 15px solid red;">Green background, bold blue text, solid red border.</p> |
| <p style="background-color: lime; color: blue; font-weight: bold; lime; border: 3px dashed orange;">Green background, bold blue text, dashed orange border.</p> |
| <p style="background-color: lime; color: blue; font-weight: bold; border: 15px solid red;">Green background, bold blue text, solid red border.</p> |
| </body> |
| </html> |
