Globales CSS in NextJS

Standardmäßig befindet sich im Ordner app die Datei globals.css mit den globalen CSS-Stilen unseres Projekts.

Globale Stile können in jedes Layout, jede Seite oder jede Komponente importiert werden. Ohne Import werden sie nicht angewendet.

Importieren wir die Datei mit den globalen Stilen in das Hauptlayout der Website:

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

Ändern Sie den Hintergrund Ihrer Seite.

Задание 2

Definieren Sie in der Datei globals.css irgendeine CSS-Klasse. Wenden Sie sie in einer beliebigen Komponente an.