You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为::after伪类中的文本设置字号?

如何设置::after伪元素的文本字号大小

你只需要在目标::after伪元素的CSS规则中添加font-size属性,指定具体的字号值(支持px、em、rem等常见单位)即可。

修改后的完整代码示例:

div{
  width: 200px;
  height: 200px;
  background-color: tomato;
}

#Seite1::after,
.DivTableRotated::after {
    content: "Die Prüfergebnisse beziehen sich ausschließlich auf die Prüfgegenstände. Die auszugsweise Vervielfältigung des Berichts ist nicht zulässig.";
    /* 添加字号设置,这里以14px为例,可按需调整 */
    font-size: 14px;
    /* 可选:如果需要换行或控制宽度,可添加以下属性 */
    display: block;
    width: 200px;
    margin-top: 10px;
}
<div id="Seite1"></div>

补充说明:

  • font-size的值可根据需求灵活调整,比如用相对单位1em(继承父元素字号)或0.8rem(基于根元素字号),适配响应式场景。
  • 若伪元素内文本过长,添加display: block和width属性能控制文本换行,避免超出容器范围。

内容的提问来源于stack exchange,提问作者Max Lindner

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 11:25:31