Блог

Я начинающий веб-дизайнер, использую windows10.

Я использую tailwind (версия 1.9.6)

Я хочу использовать префикс (например, sm и md) с компонентом, который я извлек @apply из файла css, как вы видите ниже. css

 @tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
 .itemcase {
        @apply border border-gray300 text-sm font-semibold
    }
}
 

Я думал, что приведенный ниже код будет работать, но не сработал.

 @layer components {
 .itemcase:sm {
        @apply border border-gray300 text-lg font-bold
    }
}
 

как я могу решить эту проблему?

Я читаю документы ( https://tailwindcss.com/docs/functions-and-directives ), которые, казалось, были связаны с этой проблемой, но не смогли найти решения. Пожалуйста, помогите мне…

 @tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
 .itemcase {
        @apply border border-gray-300 text-sm font-semibold
    }
}
 

Может быть, это работает. 😊