# /s 页面上插入介绍性文本？

**URL:** <https://meta.discourse.org/t/insert-intro-text-on-s-page/390569>\
**Category:** Development\
**Tags:** subscriptions\
**Created:** [2025年十二月6日 03:55 UTC](https://meta.discourse.org/t/insert-intro-text-on-s-page/390569 "2025-12-06T03:55:18Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![ZeroDean](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zerodean/32/527869_2.png) [@ZeroDean](https://meta.discourse.org/u/ZeroDean)\
**Post date:** [2025年十二月7日 03:58 UTC](https://meta.discourse.org/t/insert-intro-text-on-s-page/390569/14 "2025-12-07T03:58:19Z")

</div>

我已在仅订阅页面上使其正常工作，并且格式基本正确，使用了以下内容：

```css
/* 第 1 部分：标题（样式类似于原生 H1） */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
  content: "这是标题"; 
  display: block;
  
  /* 样式与 'title-wrapper' 标题匹配 */
  font-family: var(--heading-font-family);
  font-size: var(--font-up-5);
  font-weight: bold;
  line-height: var(--line-height-small);
  color: #DDDDDD;
  
  /* 此标题与下方文本之间的间距 */
  margin-bottom: 8px; 
}

/* 第 2 部分：正文文本（下方有间距） */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
  content: "这是位于标题下方的纯文本。\\A 您仍然可以在此处使用反斜杠 A 来换行。";
  display: block;
  
  /* 样式与标准正文文本匹配 */
  font-family: var(--font-family);
  font-size: var(--font-0);
  line-height: var(--line-height-medium);
  color: #DDDDDD;
  white-space: pre-wrap;
  
  /* 这会创建文本下方的空白区域（回车） */
  margin-bottom: 40px; 
}

```

 ![Screenshot_20251206_200020_Firefox](https://global.discourse-cdn.com/meta/original/4X/6/a/3/6a34dc64567876aaabf2e892841c15604a8983eb.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/insert-intro-text-on-s-page/390569)._