18 lines
730 B
HTML
18 lines
730 B
HTML
<!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>
|