CSS Global dans NextJS

À l'intérieur du dossier app par défaut se trouve le fichier globals.css avec les styles CSS globaux de notre projet.

Les styles globaux peuvent être importés dans n'importe quelle mise en page, page ou composant. Sans import, ils ne s'appliqueront pas.

Importons le fichier avec les styles globaux dans la mise en page principale du site :

app/layout.jsximport '@/app/globals.css';
Задание 1

Changez l'arrière-plan de votre page.

Задание 2

Dans le fichier globals.css, définissez une classe CSS quelconque. Appliquez-la dans un composant quelconque.