Tailwind CSS默认不支持:before 及 :after。
解决办法
第一种方式:安装插件。
插件地址:
https://github.com/croutonn/tailwindcss-pseudo-elements
第二种方式:定义组件
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: ".";
}
}
大功告成。