Et kaskaderende stilark er en kode som påvirker elementene i HTML -koden. Den kombinerte effekten danner websidene og nettstedene. Ethvert programmeringsspråk som brukes i back-enden bruker HTML og CSS for å utvikle og designe en front-end for nettstedet for nettstedet. Disse to er ansvarlige for de statiske websidene. HTML og CSS sammen med JavaScript spiller hovedsakelig en rolle i å lage et dynamisk nettsted. I denne artikkelen vil HTML og CSS bli brukt til å se den opprettede websiden.

Noen ganger kommer vi over en slik situasjon der vi ønsker å unngå noen ting eller innhold mellom gruppen av de samme varene. For å spesifisere dem manuelt koster tid. Så for å unngå tidsforbruk, refererer CSS til så effektive og effektive egenskaper for å gjøre bruk av dem i koden som er ganske lett forståelig og gjør koden håndterbar. Dette gjøres av CSS "ikke den første" eiendommen.

Ikke: First-Child Property

Denne CSS -egenskapen brukes til å velge alt HTML -innholdet av samme type annet enn den første. Denne egenskapen er motsatt av CSS -egenskapen til “CSS First of Type” som er ansvarlig for å bare påvirke den første av de fleste HTML -innhold av samme type. I tillegg til å legge til en stil til alle taggene ved at CSS unngår den første, fjernet ikke dette: First-Child-egenskapen. Vi legger bare til et lite stykke kode i det interne eller eksterne CSS ved å spesifisere HTML -innholdet der vi ønsker å bruke denne egenskapen. Da blir det første barnet automatisk påvirket.

Syntaks:
Syntaksen for ikke: førstebarnsegenskap er som følger:

Content_name: ikke (: førstebarn)
Eiendomsverdi; \\ Enhver effekt som vi ønsker å bruke på HTML -elementene enn den første.

Eksempel 1: Ikke: Førstebarn av avsnittet

For å utdype konseptet med å ikke ha et første barn, bruker vi

avsnitt i HTML -innholdet for å anvende denne egenskapen. Avsnitt er HTML -innholdet som sies å være en haug med tekstlinjer. Disse linjene er sekvensert og justert på en slik måte å danne et avsnitt. Koden inneholder kroppskoden. Vi bruker de to enkle overskriftene og de tre avsnittene som inneholder den enkle teksten til noen få ord med dem. Vi bruker en prøvetekst av Lorem Ipsum.

Vi trenger bare å se resultatene av eiendommen. For å gjøre det ganske enkelt, er bare dette innholdet erklært. Lukk deretter kroppens tagg.

Hodeseksjonen inneholder bare stilkoden for å gjøre det til en intern CSS.

Bruk avsnitts taggen

med ikke: førstebarnsegenskap for å anvende alle effektene på alle avsnitt bortsett fra den første. Vi legger til den røde skriftfargen til avsnittet. Lukk alle de åpne taggene.

Lagre koden med HTML -utvidelsen til Text Editor. Denne utvidelsen gjør ikonet til filen som standard nettleser. Dette ikonet forsikrer at filen er en webside.

Eksempel 2: Ikke: førstebarn på listen

HTML -lister er en viktig måte å representere teksten. For å implementere CSS-egenskapen til første-barn-velgeren, bruker vi de to listene. For å utdype videre, må vi først ha kunnskapen om HTML-listene. To typer lister opprettes gjennom HTML -språket - en uordnet liste

og en bestilt liste
. Måten å erklære på er den samme for dem begge. Innsiden
og
, Alle varene er skrevet med
1. Tagger.
   
   
   • Element1
   
   
   • Element2
   
   

   Nå, når vi kommer tilbake til eksemplet, brukte vi to uordnede lister. Begge listene er erklært inne i Div. Først må du vurdere HTML -kroppsdelen av koden. To enkle overskrifter,

   og

   , er erklært. Deretter brukes DIV -taggen til å erklære en div container. Inne i diven, den første

   Listen er erklært. En inline CSS for marginegenskapen legges til. Denne marginegenskapen brukes også på den andre diven.

   En marginegenskap er CSS -verdien på avstanden til objektet fra grensen til bakgrunnsskjermen. For eksempel er marginen på listen her erklært å opprette listen på en spesifisert avstand.

   Begge listene er erklært på samme måte som har tre listeartikler. Lukk nå alle taggene og ta turen mot den interne CSS. Overskriften en brukes av fontfargede eiendommer. Deretter blir hoveddelen av koden ikke: førstebarnsegenskap brukes.

   Denne eiendommen brukes på

   Tag, ettersom begge listene er uordnede. Men sørg for at disse listene ligger uavhengig eller er til stede i en hvilken som helst annen beholder. Som vi vet at vi erklærte begge listene i Div, må vi nevne div med
   Tag slik at eiendommen blir brukt på alle listene i div bortsett fra den første.
   Div ul: ikke (: førstebarn)
   Bakgrunnsfarge: lilla;
   Farge: Hvit;
   Fontvekt: fet;
   Bredde: 40%;
   

   Div og

   brukes med funksjonene ved å ha en bakgrunnsfarge og skriftfargen. Fontvekten er satt til å fete. Bredden på listen er også erklært.

   Lukk alle taggene. Lagre filen og implementer den i nettleseren for å se resultatene.

   Du vil se at den første listen vises som standard uten at noen endring brukes på den. Mens den andre listen påvirkes av alle verdiene og egenskapene som vi brukte på taggen til den uordnede listen i hodeseksjonen.

   Tilsvarende, hvis vi bruker noen eiendom på alle

   Tagger som vi gjorde før, men uten å bruke ikke: førstebarnsegenskap for listene, hva som vil skje?
   Div ul
   Font-stil: kursiv;
   

   Vi setter skriftstilen til kursiv i hele UL av Div. Men verdiene som er skrevet i den ikke-første barnelektoregenskapen, blir brukt på alle listene bortsett fra den første.

   Bruk begge stilene på samme kroppskode. Lagre den og implementer den. Vi ser at kursiv stil blir brukt på alle listeelementene fordi vi ikke nevnte ikke: førstebarnsegenskap med dem. Mens verdiene som har valget bare brukes på den andre listen.

   Konklusjon

   CSS ikke: førstebarn gir oss kunnskap om bruk av CSS-egenskaper på alle elementene i HTML i stedet for den første. Tilstanden for å implementere dette fenomenet er at alt HTML -innholdet må være av samme type, ellers vil ikke denne effekten bli brukt. Fra begynnelsen snakket vi om HTML og CSS grunnleggende bruk. Deretter forklares CSS ikke: Førstebarn forklares ved å gi en syntaks som blir fulgt ved å bruke denne eiendommen. Deretter implementerte vi dette konseptet i to forskjellige HTML -innhold: Den ene er avsnittet og den andre er Div Container.