Un foglio di stile a cascata è un codice che influisce sugli elementi del codice HTML. L'effetto combinato forma le pagine Web e i siti Web. Qualsiasi linguaggio di programmazione utilizzato nel back-end utilizza preferibilmente HTML e CSS per sviluppare e progettare un front-end per il sito Web. Questi due sono responsabili delle pagine Web statiche. HTML e CSS insieme a JavaScript svolgono principalmente un ruolo nel creare un sito Web dinamico. In questo articolo, HTML e CSS verranno utilizzati per vedere la pagina Web creata.

A volte, ci imbattiamo in una situazione del genere in cui vogliamo evitare alcuni oggetti o contenuti tra il gruppo degli stessi articoli. Per specificarli costi manualmente il tempo. Quindi, per evitare il consumo di tempo, CSS si riferisce a proprietà così efficaci ed efficienti per utilizzarle nel codice che è abbastanza facilmente comprensibile e rende il codice gestibile. Questo viene fatto dal CSS "non dalla prima" proprietà.

NOT: proprietà del primo figlio

Questa proprietà CSS viene utilizzata per selezionare tutti i contenuti HTML dello stesso tipo diverso dal primo. Questa proprietà è opposta alla proprietà CSS del "primo tipo di tipo" CSS che è responsabile di influenzare solo il primo contenuto HTML dello stesso tipo. Oltre ad aggiungere uno stile a tutti i tag da parte del CSS in linea che evita il primo, questo no: la proprietà del primo figlio ha rimosso l'ambiguità creata avendo il casino di CSS in linea che rende il codice difficile da capire e complicato. Aggiungiamo solo un piccolo codice nel CSS interno o esterno specificando il contenuto HTML in cui vogliamo applicare questa proprietà. Quindi il primo bambino viene influenzato automaticamente.

Sintassi:
La sintassi per la proprietà NOT: First-Child è la seguente:

Content_name: not (: primo bambino)
Costo dell'immobile; \\ qualsiasi effetto che vogliamo applicare sugli elementi HTML diversi dal primo.

Esempio 1: non: primo figlio del paragrafo

Per approfondire il concetto di non avere un primo figlio, usiamo il

paragrafi del contenuto HTML per applicare questa proprietà. I paragrafi sono i contenuti HTML che si dice siano un mucchio di righe di testo. Queste linee sono sequenziate e allineate in modo tale da formare un paragrafo. Il codice contiene il tag corporeo. Usiamo le due semplici titoli e i tre paragrafi che contengono con loro il testo semplice di poche parole. Usiamo un testo di esempio di Lorem ipsum.

Dobbiamo solo vedere i risultati della proprietà. Per renderlo abbastanza semplice, viene dichiarato solo questo contenuto. Quindi, chiudi i tag del corpo.

La sezione della testa contiene solo il tag di stile per renderlo un CSS interno.

Usa il tag paragrafo

con la proprietà NOT: First-Child per applicare tutti gli effetti su tutti i paragrafi tranne il primo. Aggiungiamo il colore del carattere rosso ai paragrafi. Chiudi tutti i tag aperti.

Salva il codice con l'estensione HTML all'editor di testo. Questa estensione rende l'icona del file come browser predefinito. Questa icona assicura che il file sia una pagina web.

Esempio 2: non: primo figlio nell'elenco

Gli elenchi HTML sono un modo importante per rappresentare il testo. Per implementare la proprietà CSS del selettore del primo figlio, utilizziamo i due elenchi. Per elaborare ulteriormente, dobbiamo prima avere il know-how degli elenchi HTML. Vengono creati due tipi di elenchi tramite la lingua HTML - un elenco non ordinato

e un elenco ordinato
. Il modo di dichiarare è lo stesso per entrambi. Dentro
E
, Tutti gli articoli sono scritti con
1. tag.
   
   
   • elemento1
   
   
   • elemento2
   
   

   Ora, tornando all'esempio, abbiamo usato due elenchi non ordinati. Entrambi gli elenchi sono dichiarati all'interno del div. Innanzitutto, considera la sezione del corpo HTML del codice. Due semplici titoli,

   E

   , sono dichiarati. Quindi, il tag DIV viene utilizzato per dichiarare un contenitore div. All'interno del div, il primo

   L'elenco è dichiarato. Viene aggiunto un CSS in linea per la proprietà del margine. Questa proprietà del margine viene applicata anche sul secondo div.

   Una proprietà a margine è il valore CSS della distanza dell'oggetto dal bordo del display di sfondo. Ad esempio, il margine dell'elenco qui è dichiarato per creare l'elenco a una distanza specificata.

   Entrambi gli elenchi sono dichiarati in modo simile con tre elementi di elenco. Ora chiudi tutti i tag e vai verso il CSS interno. Quello di testa è applicato dalla proprietà. Quindi, la parte principale del codice no: viene applicata la proprietà del primo figlio.

   Questa proprietà viene applicata su

   tag, poiché entrambi gli elenchi non sono ordinati. Ma assicurati che questi elenchi si trovino in modo indipendente o siano presenti all'interno di qualsiasi altro contenitore. Come sappiamo che abbiamo dichiarato entrambi gli elenchi all'interno del Div, dobbiamo menzionare il div con il
   tag in modo che la proprietà sia applicata su tutti gli elenchi all'interno del div tranne il primo.
   Div ul: not (: primo figlio)
   Background-color: viola;
   Colore bianco;
   Font-weight: audace;
   Larghezza: 40%;
   

   Il div e

   vengono applicati con le caratteristiche di avere un colore di sfondo e il colore del carattere. Il peso del carattere è impostato su grassetto. La larghezza dell'elenco è anche dichiarata.

   Chiudi tutti i tag. Salva il file e implementalo sul browser per vedere i risultati.

   Vedrai che il primo elenco appare per impostazione predefinita senza alcuna modifica applicata ad esso. Mentre il secondo elenco è influenzato da tutti i valori e le proprietà che abbiamo applicato al tag dell'elenco non ordinato nella sezione principale.

   Allo stesso modo, se applichiamo una proprietà a tutti i

   tag come abbiamo fatto prima ma senza usare la proprietà non: primo figlio per le liste, cosa accadrà?
   Div ul
   Font in stile: corsivo;
   

   Abbiamo impostato lo stile del carattere in corsivo in tutto l'UL del div. Ma i valori scritti all'interno della proprietà del selettore figlio non primo sono applicati su tutti gli elenchi tranne il primo.

   Applicare entrambi gli stili sullo stesso codice corporeo. Salvalo e implementalo. Vediamo che lo stile corsivo è applicato su tutti gli elementi dell'elenco perché non abbiamo menzionato la proprietà NOT: First-Child con loro. Mentre i valori che hanno il selettore vengono applicati solo nel secondo elenco.

   Conclusione

   Il CSS no: il primo figlio ci dà conoscenza sull'uso delle proprietà CSS su tutti gli elementi di HTML piuttosto che il primo. La condizione per implementare questo fenomeno è che tutto il contenuto di HTML deve essere dello stesso tipo, altrimenti questo effetto non verrà applicato. Fin dall'inizio, abbiamo parlato dell'uso di base HTML e CSS. Quindi, il CSS no: il primo figlio viene spiegato dando una sintassi seguita dall'applicazione di questa proprietà. Quindi, abbiamo implementato questo concetto in due diversi contenuti HTML: uno è il paragrafo e l'altro è il contenitore div.