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