Classi e sottoclassi CSS
In HTML, vari attributi vengono usati per identificare in modo univoco l'elemento, come "classe" E "id"Attributi. Puoi anche assegnare più di un nome a una classe in un elemento o creare sottoclassi all'interno degli elementi. Questi sono principalmente utilizzati per indicare un'altra classe in un foglio di stile. Più specificamente, le classi CSS e le sottoclassi aiutano a definire un gruppo di elementi HTML per applicare una formattazione e uno stile unici agli elementi selezionati con l'aiuto delle proprietà.
Questo blog dimostrerà:
- Quali sono le classi e le sottoclassi CSS?
- Come accedere alla classe e alle sottoclassi CSS?
Quali sono le classi e le sottoclassi CSS?
Un CSS "classe"È un attributo utilizzato per specificare una raccolta di elementi HTML in modo che gli stili e la formattazione specifici possano essere applicati a tutti quei componenti. Quando gli utenti rilevano o sviluppano modelli di progettazione riutilizzabili che si collegano a una classe principale, un'altra classe può essere facilmente creata usando il termine "sottoclasse". Successivamente, puoi trasferire e riutilizzare le cose in più punti senza interrompere gli stili o modificare i selettori usando le sottoclassi anziché i selettori.
Come accedere a classi e sottoclassi CSS?
Per accedere alle classi e alle sottoclassi CSS, seguire la procedura indicata seguente.
Passaggio 1: crea un contenitore "div"
Innanzitutto, crea un "div"Container con l'aiuto del""Elemento. Quindi, aggiungi un "classe"Attributo all'interno del tag di apertura DIV e assegnare un nome particolare alla classe.
Passaggio 2: crea una tabella
Successivamente, utilizza il “ Produzione Passaggio 3: crea un altro contenitore di div Ora, crea un altro contenitore di div e aggiungi una classe seguendo lo stesso metodo. Passaggio 4: fai un'altra tabella Utilizzare il " Produzione Passaggio 5: classe "Main-Div" Ora, accedi all'attributo della classe principale e applica le proprietà sotto l'elenco: Qui: Passaggio 6: classe di stile e sottoclasse In questo passaggio dichiarato, accedi sia alla classe principale che alla sottoclasse con l'aiuto del loro nome e del selettore degli attributi come ".Main-Div" E ".contenuto": Dopo aver acceduto alla classe e alla sottoclasse, applica il “colore"Proprietà per impostare il colore sul testo aggiunto. Produzione Passaggio 7: stile "Second-Div" di stile Accedi all'altra classe principale utilizzando la stessa procedura del Div principale: Quindi, applica il "confine" E "margine"Proprietà ad esso. Passaggio 8: sottoclasse "contenuto" stile Ora, accedi all'altro sottoclasse e applica il "colore"Proprietà CSS per specificare il colore per il testo aggiunto: Si può notare che le classi CSS e le loro sottoclassi pertinenti sono state disegnate con successo: Questo riguardava l'uso delle classi e delle sottoclassi CSS. Conclusione Per accedere a classi e sottoclassi CSS, prima, crea un contenitore div con l'aiuto di ""E inserire una classe con un nome specifico. Quindi, crea un altro elemento tra il contenitore mentre abbiamo creato una tabella usando ""Tag per la creazione di una tabella. Inoltre, assegnare una classe all'interno del
tag, noto come sottoclasse. Quindi, crea righe nella tabella con l'aiuto di "
"E usa il" "Per aggiungere i dati della tabella: Linuxhint è un'organizzazione con sede nel Regno Unito. Linuxhint Il miglior sito web tutorial "Tag per la creazione di un altro tag:
TSL funziona per Linuxhint Ltd UK TSL è la migliore organizzazione dei creatori di contenuti .main-div
bordo: 3px solido RGB (240, 38, 2);
Margine: 10px 100px;
.Main-Div .contenuto
Colore: RGB (8, 12, 240);.Second-Div
bordo: 3px blu solido;
Margine: 10px 100px;.Second-Div .contenuto
Colore: RGB (27, 240, 7);"Tag e aggiungi una classe all'interno del tag Tabella con un nome particolare. Successivamente, l'accesso alla classe e la sottoclasse in CSS e applica le proprietà CSS per lo styling. Questo post ha dichiarato le classi e le sottoclassi CSS.