Role of CSS :not (selector) Selector

Use the CSS :not(selector) selector to style every element that is not the specified element. You can try to run the following code to implement the :not selector

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          p {             color: red;          }          :not(p) {             color: blue;          }       </style>    </head>    <body>       <h1>Heading 1</h1>       <h2>Heading 2</h2>       <h3>Heading 3</h3>       <p>This is a paragraph.</p>       <p>This is another paragraph.</p>    </body> </html>
Updated on: 2020-06-30T11:17:36+05:30

378 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements