如何从JavaScript文件访问Tailwind类

bihw5rsg  于 5个月前  发布在  Java
关注(0)|答案(2)|浏览(59)

我刚刚开始使用Tailwind CSS,我正在尝试使用它来更改HTML元素的颜色。
这是HTML代码:

<h1 id="demo" class="text-3xl font-bold tracking-wide text-center">Hello</h1>

字符串
下面是JavaScript代码:

document.getElementById("demo").style.color = "text-blue-600";


常规的CSS工作,但我无法访问Tailwind实用程序类。

pcww981p

pcww981p1#

无法将类别指定为CSS属性的值。
您要执行的操作是:
第一个月
如果要删除某个类,请用途:
document.getElementById("demo").classList.remove("text-blue-600");

hxzsmxv2

hxzsmxv22#

您可以使用npm install -D tailwindcss@latest postcss@latest autoprefixer@latest或使用<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">,但使用标记不会带来太多好处,因此最好使用NPM安装它

相关问题