使用@apply 提示缺少分号

paboland

@apply rounded-full border border-purple-200; 的警告怎么去掉.

.border { border-width: 1px; } semi-colon expectedcss(css-semicolonexpected)

牛铁柱

贴一下你完整的代码。

paboland

@牛铁柱#450
效果是有，就是这个波浪线

牛铁柱

感觉你写的没问题。但不建议写在style里面。

ROBOT123123

同@apply提示缺少分号，我没有写在style里面，一直不行。

ROBOT123123

我查了一下官方文档，说是如果使用via CDN则无法使用@apply，或@tailwind。
我确实@tailwind也无法使用，但是我没有用via CDN呀，奇怪

牛铁柱

我没有使用cdn。在本地写的。没任何问题哈

牛铁柱

试着把我的css复制到你们的里面看看有没有问题

@tailwind base;
@tailwind components;

@layer components {
    .btn {
        @apply bg-blue-700 py-2 px-5 text-base font-semibold text-white text-center leading-normal inline-block	rounded-md shadow-lg transition duration-500 ease-in-out hover:bg-blue-900;
    }
    .menu li {
        @apply float-left block relative mx-10;
    }
    .menu li a{
        @apply py-6 min-h-15 block text-sm font-bold leading-6 text-gray-600;
    }

    .features .iconfont{
        @apply text-4xl text-blue-700 font-semibold;
    }
}

@tailwind utilities;

ROBOT123123

还是不行，感觉是配置的问题

葛二蛋

ROBOT123123 https://wyz.xyz/d/133-tailwind-css 试着按照我的教程使用一下。

ROBOT123123

葛二蛋感谢！原来是–watch那里没设置，现在解决了！

ponjs

如果是您有用scss写的话可以这样，就不会提示分号问题。

.navbar {
    @apply #{w-full h-12};
}

本网站的服务器由提供