我已在仅订阅页面上使其正常工作,并且格式基本正确,使用了以下内容:
/* 第 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;
}
