Kan jeg skrive en CSS -velger som velger elementer som ikke har en bestemt klasse eller attributt

Kan jeg skrive en CSS -velger som velger elementer som ikke har en bestemt klasse eller attributt
Det er tider hvor vi trenger å legge til en CSS -velger for å referere til elementene som ikke er assosiert med en spesifikk klasse eller attributt. Det er vanskelig å lage separate klasser og attributter for noen elementer bare for å velge dem, men det er en løsning på dette problemet, og det er bruken av ": ikke ()" pseudoklasse-velgeren.

"Ikke" pseudoklassevelgeren

Legge til en ikke Pseudoklasse velger velger elementene som ikke har noen spesifikk klasse eller attributt. De ikke Pseudo -velgeren fungerer motsatt av de faktiske CSS -velgerne. CSS -velgerne velger elementene i klassen som er nevnt i velgeregenskapen mens den andre siden ikke velger elementene andre enn klassen som er nevnt i CSS -velgeregenskapen.

Syntaks

Syntaksen for å legge til en ikke CSS -velgeren er:

:ikke(.klassenavn)
/ * styling */

Eksempel

La oss skrive et kodebit for å forstå hvordan ikke pseudoklasse-velgeren fungerer:


Dette er teksten skrevet i en klasse


Ingen klasse eller attributt

I koden ovenfor er det en H2 element med en klasse som heter først og tekst skrevet i elementet. Etter det er det et element uten klasse eller attributt.

I CSS -stilelementet vil vi legge til en "ikke" -velger som refererer til klassen "først”Og definere en fargeegenskap slik at den endrer fargen på hvert element inne i kroppen annet enn klassen“først”:

Kropp: ikke (.Først)
Farge: Aqua

Dette vil fungere på en slik måte at det vil endre fargen på alle elementene bortsett fra teksten inne i elementet med klasse "først”:

På denne måten kan vi skrive CSS -velgere som velger elementene uten klasse eller attributt.

Konklusjon

Vi kan skrive en CSS -velger som velger elementer som ikke har en bestemt klasse eller attributt gjennom ikke CSS -velger som fungerer på en slik måte at den refererer til andre elementer enn det som er nevnt i Not Selector og de som ikke tilhører noen klasse eller attributt. CSS -egenskapene kan settes inn i den ikke -velgeren for å endre styling av elementene som ikke er assosiert med klasser og attributter.