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

Question

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

例如，对于一个 web 主机，而不是在 4 个页面上显示 100MB 的计划，并且不必编辑每个页面，而是 CSS 本身。

例如：

CSS
100MB

而不是在文本中

我们的计划有{来自 css 的文本在此处显示}

谢谢

score 5 · Accepted Answer

您可以使用: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

小演示：小链接。

score 2 · Accepted Answer

CSS 不是为了做那种工作而设计的，它是用来组织样式而不是用来管理内容的。
您需要的是一个变量来存储您的值，然后多次显示它。所以你需要 PHP、JS、Ruby、Java 或你最喜欢的语言。

score 2 · Accepted Answer

曾经after before properties

是的，这样做

HTML

<div>Hello</div>

CSS

    div:after{
content:'100mb';
}

score 1 · Accepted Answer

你可以使用伪元素来做到这一点：after - http://jsfiddle.net/spacebeers/LQy7T/

.your_class:after {
    content: "YOUR TEXT";
    color: red;
    background: blue;
    display: inline;
}

4 回答 4