<html>
<head>
<style>
.special {
border: 2px solid maroon;
}
p:not(.special) {
color: green;
}
/* Elements that are not p elements */
body :not(p) {
text-decoration: underline;
}
/* Elements that are not divs or fancy */
body :not(div):not(.special) {
font-weight: bold;
}
</style>
</head>
<body>
<h1>Demo of :not</h1>
<p>I am a paragraph.</p>
<p class="special">I am a special paragraph!</p>
<div>I am a div.</div>
</body>
</html>