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; } } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 但是我们发现在上面的功能类里面， content 这个类是tailwind里面没有的。所以我们又需要在这个文件里用以下这种方式定义一下： @layer utilities { .content { content: "."; } } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 大功告成。

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: ".";
    }
}

大功告成。

本网站的服务器由提供