Почему некоторые классы CSS Tailwind не работают, а некоторые даже несмотря на то, что файл конфигурации специфичен? ⇐ CSS

[Anonymous]

Я создаю магазин футболок с помощью Tailwindcss, и у меня возникли некоторые странные проблемы:
Когда я визуализирую файл ejs (тип файла, который позволяет динамически генерировать html в Node.js, но по сути это HTML-файл),
с классами CSS попутного ветра некоторые из них работают, некоторые нет, я думал, что это может быть из-за их порядка (например, py-5 text- белый, вместо текста-белый py-5), но дело было не в этом. даже несмотря на то, что я пытался редактировать пути к файлам, использующим CSS-классы Tailwind (в файле Tailwind.config.js), показанном ниже, и когда это не сработало, после нескольких часов попыток я понятия не имел, что делать .
Это файл Tailwind.config.js:

Код: Выделить всё

/** @type {import('tailwindcss').Config} */
module.exports = {
content: {
relative: true,
files: [
"./src/**/*.{html,js}",
"./src/js/*.{html,js}"
]
},
theme: {
extend: {
colors: {
white: "#ffffff",
mainRed: "#AA0000ff",
darkRed: "#710000ff",
},
gridTemplateColumns: {
itemsGridSm: "325pt",
itemsGridMd: "repeat(2, 4fr)",
itemsGridLg: "repeat(3, 4fr)",
},
},
},
plugins: [],
};

Я даже пробовал POSTcss:

Код: Выделить всё

module.exports = {
plugins: [
require('tailwindcss'),
require('@tailwindcss/deprecation-warnings'),
require('autoprefixer'),
],
}

Безрезультатно.
Скриншоты для иллюстрации:
Неправильно отображается CSS попутного ветраТот же код, но на игровой площадке CSS попутного ветра
Структура моего проекта
Да, я перестраиваю CSS
Моя структура проекта
Да, я перестраиваю CSS
p>
Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/791 ... fig-file-i