¿Puedo escribir un selector de CSS seleccionando elementos que no tengan una determinada clase o atributo?

Hay momentos en que necesitamos agregar un selector CSS para referirnos a los elementos que no están asociados con una clase o atributo específico. Es difícil crear clases y atributos separados para algunos elementos solo para seleccionarlos, pero hay una solución a este problema y ese es el uso del selector de pseudo-clase ": no ()".

El selector de pseudo-clase "no"

Agregando un no El selector de pseudo-clase selecciona los elementos que no tienen clase o atributo específico. El no Pseudo selector funciona opuesto a los selectores CSS reales. Los selectores CSS seleccionan los elementos de la clase mencionados en la propiedad del selector, mientras que, por otro lado, el no selector selecciona los elementos distintos de la clase que se menciona en la propiedad del selector CSS.

Sintaxis

La sintaxis para agregar un no El selector de CSS es:

:no(.nombre de la clase)
/ * estilo */

Ejemplo

Escribamos un fragmento de código para comprender cómo funciona el selector de pseudo-clase:

Este es el texto escrito en una clase

Sin clase ni atributo

En el código anterior, hay un H2 Elemento con una clase nombrada primero y texto escrito en el elemento. Después de eso, hay un elemento sin clase o atributo.

En el elemento de estilo CSS, agregaremos un selector "no" que se refiere a la clase "primero"Y defina una propiedad de color para que cambie el color de cada elemento dentro del cuerpo que no sea la clase"primero":

Cuerpo: no (.primero)
Color: Aqua

Esto funcionará de tal manera que cambiará el color de todos los elementos, excepto el texto dentro del elemento con clase "primero":

De esta manera, podemos escribir selectores CSS que seleccionen los elementos sin clase o atributo.

Conclusión

Podemos escribir un selector de CSS seleccionando elementos que no tengan una determinada clase o atributo a través del no Selector CSS que funciona de tal manera que se refiere a elementos distintos a los mencionados en el no selector y los que no pertenecen a ninguna clase o atributo. Las propiedades de CSS se pueden insertar en que no selector para cambiar el estilo de los elementos no asociados con clases y atributos.