<!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>