我刚刚开始使用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实用程序类。
我刚刚开始使用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实用程序类。
2条答案
按热度按时间pcww981p1#
无法将类别指定为CSS属性的值。
您要执行的操作是:
第一个月
如果要删除某个类,请用途:
document.getElementById("demo").classList.remove("text-blue-600");
个hxzsmxv22#
您可以使用
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
或使用<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
,但使用标记不会带来太多好处,因此最好使用NPM
安装它