:not() सूडो-क्लास
CSS :not() सूडो-क्लास का उपयोग करके हम उन एलिमेंट्स को सिलेक्ट कर सकते हैं जिनमें कोई विशिष्ट मान नहीं है या जो किसी सिलेक्टर से मेल नहीं खाते।
उदाहरण 1
<!DOCTYPE html>
<html>
<head>
<style>
p { background-color: cornflowerblue; color: white; }
p:not(div>p) { background-color: khaki; font-size: 1.4em; font-style: italic; color: blue; }
</style>
</head>
<body>
<div>
<p>Curabitur sapien diam, imperdiet ut est sed, blandit blandit velit. Nunc viverra nunc id ligula ultricies, a fringilla lacus interdum. <span>Sed vel diam at magna pellentesque porttitor.</span> </p>
<h3>Demo</h3>
</div>
<p> Ut rutrum sapien sit amet sapien lacinia, at ullamcorper felis lobortis. Praesent dignissim vel turpis nec ultricies.</p>
</body>
</html>
आउटपुट
उदाहरण 2
<!DOCTYPE html>
<html>
<head>
<style>
div { margin: 2%; background-color: cadetblue; padding: 10%; height: 80px; }
div:not(.parent) { box-shadow: inset 0 0 24px tomato; padding: 2%; }
.parent{ border: 4px ridge orange; }
.one { background-color: lightgreen; border: 4px groove gray; }
.two{ height: 20px; }
</style>
</head>
<body>
<div class="parent">
<div class="one"> <div class="two"></div> <div class="two"></div> </div>
<div class="one"></div>
</div>
</body>
</html>
आउटपुट
