我想知道是否可以从CSS文件在HTML页面上显示文本。
例如,对于网络主机,而不是在4个页面上的计划上显示100MB,而不必编辑除CSS本身之外的每个页面。
例如:
CSS
100MB
而不是文字
我们的计划有{来自css的文字显示在这里}
由于
答案 0 :(得分:4)
您可以使用: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。
答案 1 :(得分:2)
用于after before
properties
是的,就像这样做
<强> HTML 强>
<div>Hello</div>
<强>的CSS 强>
div:after{
content:'100mb';
}
的 live demo 强> 的
的 more info 强> 的
答案 2 :(得分:2)
CSS不是为了那种工作而设计的,它是用于组织样式而不是用于管理内容 您需要的是一个变量来存储您的值,然后多次显示它。因此,您需要PHP,JS,Ruby,Java或您喜欢的语言。
答案 3 :(得分:1)
您可以使用伪元素执行此操作,例如:after - http://jsfiddle.net/spacebeers/LQy7T/
.your_class:after {
content: "YOUR TEXT";
color: red;
background: blue;
display: inline;
}