<!doctype html>
<html>
<head>
    <title>Test the specificity of the :not() pseudo class itself.</title>
    <style>
        * {
            background-color: white;
            color: black;
        }
    </style>
</head>
<body>
    <p>Test the specificity of the :not() pseudo class. The pseudo class :not() itself does not add anything to the specificity of a its selector, only the selectors inside :not() matter for specificity.</p>
    <testcase style="color: lime; background-color: pink;">This sentence should be green on a pink background, without border.</testcase>
    <testcase style="color: pink; background-color: lime;">This sentence should be pink on a green background, without border.</testcase>
</body>
</html>
