如何用CSS添加粗体文本？

Question

this question的答案显示了如何使用CSS在HTML元素内容之前添加/附加文本。有没有办法让 CSS添加文本粗体而不用使原始HTML元素内容也变粗？

Answer 1

不确定

.OwnerJoe:before {
  content: "Joe's Task:";
  font-weight: bold;
}

Answer 2

尝试：

#foo:after
{
    content: 'hello!';
    font-weight: bold;
}

Fiddle

Answer 3

试试这个：

<div class="test">stuff</div>
.test{
border:1px solid #000;
}

CSS：

.test:before {
content: "more stuff";
background:red;
font-weight:bold;    
}

Fiddle

顺便说一句，所有信息都在您发布的链接中。您只需要将字体权重添加到右侧区域。

Answer 4

这当然是可能的

只需为伪元素设置合适的样式。

<span>World</span>

CSS：

span:before {
    content: "Hello";
    font-weight: bold;
}

这是一个有效的JSFiddle。