El selector :not(selector) se usa para diseñar cada elemento que no es el 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 Property
}
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS :not selector
</title>
<style>
p {
color: #000000;
}
:not(p) {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h1>
CSS :not selector
</h1>
<p>
A computer science portal for geeks.
</p>
<div>
Geeks classes an extensive classroom programme.
</div>
</body>
</html>
Producción:
Ejemplo-2:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS :not selector
</title>
<style>
/* Style everything but not
one named .geek class */
li:not(.geek) {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
CSS :not selector
</h1>
<p>
Sorting Algorithms
</p>
<ul>
<li>Merge sort</li>
<li class="geek">Bubble sort</li>
<li>Quick sort</li>
</ul>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con :not selector se enumeran a continuación:
- Apple Safari 3.1 y superior
- Google Chrome 1.0 y superior
- Borde 12.0 y superior
- Firefox 1.0 y superior
- Ópera 9.5 y superior
- Internet Explorer 9.0 y superior
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA