CSS - 将样式添加到样式表中的样式

时间:2011-08-31 16:57:34

标签: css

我还没有找到任何文档,所以我认为它不可行。 但值得一提。

我可以在样式表中指定样式中的实际文本吗?

我有几个地方在相同的div位置使用相同的文本。而不是使用javascript或在div中重新输入相同的文本,我在思考样式是否可以插入实际的“文本”。

.someclass {
  text:"for example";  /* this is how I'd imagine it, IF it were possible */
  color:#000;
}

我可能会推动这一个。

4 个答案:

答案 0 :(得分:10)

您正在寻找content财产。

不幸的是,它只能与伪元素一起使用。

  

此属性与:before和:after伪元素一起使用,以在文档中生成内容。

所以你可以做点像......

.someclass:before {
   content: "This text will be added at the beginning of the element"
}
.someclass:after {
   content: "This text will be added at the end of the element"
}

答案 1 :(得分:6)

您可以将此方法与:before:after伪元素

一起使用
.someclass:after {
  content:"for example";
  color:#000;
}

答案 2 :(得分:2)

在伪类之前或之后使用来实现此目的: 例如:

.someclass:before{ 
    content:"for example";
}

答案 3 :(得分:0)

我不认为可以在CSS中完成。但在jQuery中它看起来像:

$('.someclass').html("for example");