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

Question

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

例如，对于网络主机，而不是在4个页面上的计划上显示100MB，而不必编辑除CSS本身之外的每个页面。

例如：

CSS
100MB

而不是文字

我们的计划有{来自css的文字显示在这里}

由于

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。

Answer 2

用于after before properties

是的，就像这样做

<强> HTML

<div>Hello</div>

<强>的CSS

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

的 live demo 的

的 more info 的

Answer 3

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

Answer 4

您可以使用伪元素执行此操作，例如：after - http://jsfiddle.net/spacebeers/LQy7T/

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