Робота з CSS-модулями
CSS Modules автоматично створюють унікальні імена класів, забезпечуючи область видимості CSS для конкретного компонента та усуваючи конфлікти стилів. Прості CSS-правила можна писати всередині CSS Modules.
Повернення до проєкту
Створіть CSS-модуль з назвою home.module.css у папці app/ui та вставте наступні CSS-правила:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
Необхідно імпортувати файл home.module.css у файл app/page.tsx, а потім застосувати клас styles.circle до елемента div, який було створено раніше.
На практиці
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
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.08Робота з CSS-модулями
Свайпніть щоб показати меню
CSS Modules автоматично створюють унікальні імена класів, забезпечуючи область видимості CSS для конкретного компонента та усуваючи конфлікти стилів. Прості CSS-правила можна писати всередині CSS Modules.
Повернення до проєкту
Створіть CSS-модуль з назвою home.module.css у папці app/ui та вставте наступні CSS-правила:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
Необхідно імпортувати файл home.module.css у файл app/page.tsx, а потім застосувати клас styles.circle до елемента div, який було створено раніше.
На практиці
Дякуємо за ваш відгук!
