css - 顺风 css 围绕屏幕类型包装多种样式

Question

有没有办法在 Tailwind CSS 中围绕屏幕类型包装样式？

例如：下面不起作用。

    /* This does not work !*/
     .content-slot { 
         @apply sm:ml-2 mr-2 pt-1
                lg:ml-4 mr-4 pt-4
                xl:ml-16 mr-16 pt-4
     }

下面确实有效，但是我正在重复每种样式的屏幕类型。

    /* This does work !*/
     .content-slot { 
         @apply sm:ml-2 sm:mr-2 sm:pt-1
                lg:ml-4 lg:mr-4 lg:pt-4
                xl:ml-16 xl:mr-16 xl:pt-4
     }

我试过引号，但这不起作用。