小编典典

使用CSS插入文字

html

我是CSS的新手,并使用它来更改文本的样式和格式。

我现在想用它来插入文本,如下所示:

<span class="OwnerJoe">reconcile all entries</span>

我希望我能表现为:

乔的任务:协调所有条目

即,仅由于属于“所有者Joe”类,我希望Joe's Task:显示文本。

我可以用类似的代码来做到这一点:

<span class="OwnerJoe">Joe's Task:</span> reconcile all entries.

但这对于指定类和文本来说似乎是多余的。

有可能做我想要的吗?

编辑 一个想法是尝试将其设置为ListItem <li>,其中“项目符号”是文本“ Joe’s
Task”。我看到了如何设置各种项目符号样式甚至项目符号图像的示例。列表项目符号可以使用一小段文字吗?


阅读 692

收藏
2020-05-10

共1个答案

小编典典

它是,但是需要具有CSS2功能的浏览器(所有主要浏览器,IE8 +)。

.OwnerJoe:before {
  content: "Joe's Task:";
}

但我宁愿为此使用Javascript。使用jQuery:

$('.OwnerJoe').each(function() {
  $(this).before($('<span>').text("Joe's Task: "));
});
2020-05-10