SOURCE

<div class="tw_w-48 tw_h-48 tw_m-auto tw_rounded-3xl rounded-3xl tw_bg-yellow-300 tw_flex">
    <span class="tw_text-sm tw_text-center tw_m-auto tw_font-mono tw_-translate-y-full">
        这里带tw前缀的类名<br>才是tailwindcss的<br><br>注意这里负数的使用<br>不是在tw_前
    </span>
</div>

<script type="tailwind-config">
    // 给 tailwindcss 类名加前缀（命名空间）
    { prefix: 'tw_' }
</script>

html, body {
    height: 100%;
}

body {
    display: flex;
}

/* 这是故意用来跟 tailwindcss 撞名的 */
.rounded-3xl {
    color: brown;
    border-radius: 0px;
    border: 4px solid orange;
}