我想在 tailwindcss 之前和之后添加伪元素，但它没有显示？

Question

我想在tailwindcss中添加伪元素像前后但是上没有教程视频YouTube，所以我尝试阅读 tailwindcss 官方文档，但它不起作用。我做了在 tailwindcss 文档中写的同样的事情。

我的 HTML 和 tailwind CSS 标签。

        <p
            class="
              text-white
              after:content-['OUTLAW DOT OG'] after:ml-0.5 after:text-red-500
            "
          >
            OUTLAW DOT OG
          </p>

我的package.json文件

{
  "name": "project-1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "npx tailwindcss -i ./src/tailwind.css -o ./public/style.css -w",
    "build-p" : "postcss ./src/tailwind.css -o ./public/style.css -w" 

  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^10.4.0",
    "postcss": "^8.4.5",
    "tailwindcss": "^3.0.6"
  }
}

Answer 1

您必须使用下划线 _ 而不是空格 :

<p class="text-white after:content-['OUTLAW_DOT_OG'] after:ml-0.5 after:text-red-500">
  OUTLAW DOT OG
</p>

请注意，如果您想使用下划线，可以使用反斜杠将其转义：\_

我想在 tailwindcss 之前和之后添加伪元素，但它没有显示？

I want to add pseudo-element like before and after in tailwindcss but it's not showing?

html

css

postcss

tailwind-css

tailwind-in-js

我的 HTML 和 tailwind CSS 标签。

我的package.json文件