html 为文本指定颜色在tailwindcss中无效

k2arahey  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(507)

我想使用tailwindcss将颜色应用于文本,但它不起作用。
下面是代码-

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="output.css" rel="stylesheet">
    </head>
    <body>
        <h1 class="text-yellow-400 font-bold">
            Hello, world!
        </h1>
    </body>
</html>

这是浏览器中的显示。看起来类没有被应用。

6ie5vjzr

6ie5vjzr1#

尝试使用CDN添加Tailwind,因为output.css可能不包含您想要使用的功能。

```html
<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://cdn.tailwindcss.com"></script>
    </head>
    <body>
        <h1 class="text-yellow-400 font-bold">
            Hello world!
        </h1>
    </body>
</html>

相关问题