Las hojas de estilo en cascada (CSS) , conocidas cariñosamente como CSS, son un lenguaje de diseño simple destinado a simplificar el proceso de hacer que las páginas web sean presentables. CSS le permite aplicar estilos a las páginas web. Más importante aún, CSS le permite hacer esto independientemente del HTML que conforma cada página web. CSS es fácil de aprender y comprender, pero brinda un poderoso control sobre la presentación de un documento HTML.
En este artículo, aprenderemos cómo usar un selector de atributo CSS «no igual».
El selector :not(selector) se usa para diseñar cada elemento que no está especificado por el selector. Dado que evita que se seleccionen elementos específicos, también se conoce como pseudoclase de negación .
Sintaxis:
:not(selector)
{
CSS styles
}
Ejemplo: En este ejemplo, hemos usado el selector :not y el elemento de párrafo. En palabras simples, cualquier cosa que esté presente en no selector, excepto ese elemento, todo cambiará su estilo.
HTML
<!DOCTYPE html>
<html>
<head>
<title> CSS | :not selector </title>
<style>
p
{
color: black;
}
:not(p)
{
color: green;
}
</style>
</head>
<body style="text-align:center;">
<h1>GeeksforGeeks</h1>
<p> A computer science portal for geeks.</p>
<div>
We provide a variety of services for you to learn,
thrive and also have fun! Free Tutorials,
Millions of Articles, Live, Online and Classroom Courses ,
Frequent Coding Competitions ,Webinars by Industry Experts,
Internship opportunities and Job Opportunities.
Knowledge is power!
</div>
</body>
</html>
Producción:
Selector :no()