Tailwind CSS不支持:before 及 :after的解决办法

Tailwind CSS默认不支持:before 及 :after。

解决办法

第一种方式：安装插件。

插件地址：

第二种方式：定义组件

tailwind.css

定义一个类

@layer components {
    .feedback_area_two::before {
        @apply content h-full w-full top-0 left-0 absolute;
    }
}

但是我们发现在上面的功能类里面，content这个类是tailwind里面没有的。所以我们又需要在这个文件里用以下这种方式定义一下：

@layer utilities {
    .content {
        content: ".";
    }
}

大功告成。

本网站的服务器由提供