Tailwind CSS 不输出背景类

发布于05月28日

tailwind css不会为后台生成类.

当我try 创建像bg-Black这样的简单类时，它没有将其添加到output.css文件中.然而，当我临时将网格或FLEX之类的东西放在其中时，它会将类添加到输出中.是语法、配置文件，还是其他完全不同的东西？如果您需要更多代码，请让我知道，并提前感谢！

帖子主题:Re:Колибри

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html"],
  theme: {
    colors: {
      transparent: "transparent",
      current: "currentColor",

      backgroundpink: {
        DEFAULT: "#faeaf5",
      },
      primarypink: {
        DEFAULT: "#eaa4b1",
      },
      vanilla: {
        DEFAULT: "#f7e6de",
      },
      accentorange: {
        DEFAULT: "#eabaa4",
      }

    },
    extend: {},
  },
  plugins: [],
}

Html(index.html):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="bg-black">
    
</body>
</html>

/** @type {import('tailwindcss').Config} */ module.exports = { // … theme: { extend: { colors: { // `transparent` and `current` aren't strictly needed here // since they are in the default Tailwind color palette. // transparent: "transparent", // current: "currentColor", backgroundpink: { DEFAULT: "#faeaf5", }, primarypink: { DEFAULT: "#eaa4b1", }, vanilla: { DEFAULT: "#f7e6de", }, accentorange: { DEFAULT: "#eabaa4", } }, }, }, // … }

Tailwind CSS 不输出背景类

推荐答案

Css相关问答推荐

在react native中应用阴影

可折叠/可展开的数据表行：如何使Shadcn数据表中的可折叠内容全宽？

如何在JavaFX中设置分隔符的样式？

在Reaction中自定义ANTD日期选取器

如何使用混合混合模式更改动画背景上的文本 colored颜色

如何通过重复的网格区域来简化网格布局？

Next.js 条件样式

具有共享的自动调整列宽的多个 CSS 网格

如何使用props 为 Vue 中的组件创建动态背景图像？

网格区域即使使用 fr 也不会减小其宽度

CSS Slanding Div 边缘在图像上

用css画3个三角形

CSS Grid 2 列和半高

为什么不能将特定于供应商的伪元素/类组合成一个规则集？

使用 float：left 后如何获得新行？

什么是 DOM 回流？

有没有办法让字段集的宽度与它们中的控件一样宽？

Sass 无效的 CSS 错误：预期的表达式

是否可以在 CSS 中定义常量？

为什么容器 div 坚持比 IMG 或 SVG 内容略大？