Lavorare con i Moduli CSS
I CSS Modules creano automaticamente nomi di classi univoci, consentendo il confinamento del CSS a uno specifico componente ed eliminando conflitti di stile. È possibile scrivere regole CSS semplici all'interno dei CSS Modules.
Torniamo al progetto
Creare un modulo CSS chiamato home.module.css all'interno della cartella app/ui e incollare le seguenti regole CSS:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
È necessario importare il file home.module.css all'interno del file app/page.tsx e applicare la classe styles.circle all'elemento div creato in precedenza.
In pratica
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
How do I create a CSS module in the app/ui folder?
Can you explain how to import and use the CSS module in page.tsx?
What does the .circle class do in this example?
Awesome!
Completion rate improved to 2.08Lavorare con i Moduli CSS
Scorri per mostrare il menu
I CSS Modules creano automaticamente nomi di classi univoci, consentendo il confinamento del CSS a uno specifico componente ed eliminando conflitti di stile. È possibile scrivere regole CSS semplici all'interno dei CSS Modules.
Torniamo al progetto
Creare un modulo CSS chiamato home.module.css all'interno della cartella app/ui e incollare le seguenti regole CSS:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
È necessario importare il file home.module.css all'interno del file app/page.tsx e applicare la classe styles.circle all'elemento div creato in precedenza.
In pratica
Grazie per i tuoi commenti!
