CSS :not() छद्म-वर्ग का उपयोग करके, हम उन तत्वों का चयन करके अपनी शैली को परिष्कृत कर सकते हैं जिनका कोई विशिष्ट मान नहीं है या किसी चयनकर्ता से मेल नहीं खाता है।
उदाहरण
निम्नलिखित उदाहरण सीएसएस को स्पष्ट करते हैं:छद्म वर्ग नहीं।
<!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> आउटपुट
यह निम्नलिखित परिणाम देगा -
उदाहरण
<!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> आउटपुट
यह निम्नलिखित परिणाम देगा -
