css - 是否可以显示 CSS 文件中的文本？

Question

我想知道是否可以通过 CSS 文件在 HTML 页面上显示文本。

例如，对于网络托管服务商而言，与其在 4 个页面的计划中显示 100MB，而且不必编辑每个页面，而是编辑 CSS 本身。

例如:

CSS
100MB

并且比文本

我们的计划{text from css displays here}

谢谢

Answer 1

您可以使用 :after伪选择器。假设您的“我们的计划有”部分有一个 ID planid，并且您的 HTML 如下所示:

<div id = "planid">Our plan has</div>

然后你可以在 CSS 中这样做:

#planid:after {
    content: ' 100MB'; /*what the element will contain*/
    display: inline; /*it's inline*/
    /*more styling*/
}

:after 选择器在所选元素之后 创建一个伪元素。要在它之前创建一个，请使用 :before 选择器。

小演示:little link .