文章/答案/技术大牛

发布

社区首页 >问答首页 >我想添加像前后一样的伪元素，但是它没有显示？

问我想添加像前后一样的伪元素，但是它没有显示？
EN

Stack Overflow用户

提问于 2021-12-24 08:08:36

回答 1查看 609关注 0票数 1

我想添加pseudo-element，比如，在之前和之后，但是没有关于YouTube的教程视频，所以我试着阅读剪裁器的官方文档，但是它不起作用。我也做了同样的事，写在尾风医生身上。

我的HTML和顺风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"
  }
}

css

tailwind-css

postcss

tailwind-in-js

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-24 08:47:44

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

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

注意，如果要使用下划线，可以使用反斜杠：\_来转义它们。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70470812

复制

相似问题

问我想添加像前后一样的伪元素，但是它没有显示？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我想添加像前后一样的伪元素，但是它没有显示？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我想添加像前后一样的伪元素，但是它没有显示？
EN