Posso scrivere un selettore CSS che seleziona elementi che non hanno una determinata classe o attributo

Ci sono momenti in cui dobbiamo aggiungere un selettore CSS per fare riferimento agli elementi che non sono associati a una classe o attributo specifica. È difficile creare classi e attributi separati per alcuni elementi solo per selezionarli, ma esiste una soluzione a questo problema e questo è l'uso del selettore di classe pseudo ".

Il selettore "non" di classe pseudo

Aggiungendo un non Il selettore di classe pseudo seleziona gli elementi che non hanno alcuna classe o attributo specifico. IL non Pseudo Selector funziona di fronte ai selettori CSS effettivi. I selettori CSS selezionano gli elementi della classe menzionati nella proprietà del selettore mentre, d'altra parte, il non selettore seleziona gli elementi diversi dalla classe menzionata nella proprietà CSS Selector.

Sintassi

La sintassi per aggiungere un file non Il selettore CSS è:

:non(.nome della classe)
/* messa in piega */

Esempio

Scriviamo uno snippet di codice per capire come funziona il selettore non pseudo-classe:

Questo è il testo scritto in una classe

Nessuna classe o attributo

Nel codice sopra, c'è un H2 Elemento con una classe denominata Primo e testo scritto nell'elemento. Successivamente, c'è un elemento senza classe o attributo.

Nell'elemento in stile CSS, aggiungeremo un selettore "non" che si riferisce alla classe "Primo"E definire una proprietà a colori in modo che cambi il colore di ogni elemento all'interno del corpo diverso dalla classe"Primo":

corpo: no (.Primo)
Colore: Aqua

Questo funzionerà in modo tale da cambiare il colore di tutti gli elementi tranne il testo all'interno dell'elemento con la classe "Primo":

In questo modo, possiamo scrivere selettori CSS che selezionano gli elementi senza classe o attributo.

Conclusione

Possiamo scrivere un selettore CSS che seleziona elementi che non hanno una determinata classe o attributo tramite il non Selettore CSS che funziona in modo tale che si riferisca a elementi diversi da quelli menzionati nel non selettore e quelli che non appartengono a nessuna classe o attributo. Le proprietà CSS possono essere inserite in quanto non selettore per modificare lo styling degli elementi non associati a classi e attributi.