当我在Tailwind CDN环境中时，如何使用Tailwind指令@layer @apply？

Answer 1

创建一个脚本怎么样？ - 我们称之为“mystyles.js”

这包含：

    document.head.appendChild(
      Object.assign(document.createElement('style'), {
        type:'text/tailwindcss',
        innerHTML: `
          @layer components {
            .btn_style {
              @apply outline outline-sky-400 p-1 bg-sky-200 rounded-md font-bold;
            }
          }`
      })
    ); 

并使用

<script src="mystyles.js"></script>

包含在每个 HTML 文件中

然后您可以在脚本的

innerHTML:

部分中放置任何您想要的顺风样式。