如何仅用CSS实现<br>标签前后文本分别为粗体和常规样式？

可以做到，无需修改HTML，也不用依赖CSS的content属性，具体方案如下：

• 先把容器的全局字体粗细重置为正常，再通过::first-line伪元素为第一行文本单独设置加粗，这样<br>换行后的文本就会保持正常粗细：

.goto-card-label {
  font-weight: normal;
}
.goto-card-label::first-line {
  font-weight: bold;
}

这个方法的核心是::first-line会自动选中容器内的第一行文本，无论内容是什么都能适配，完全满足你“文本内容不固定”的限制条件。

内容的提问来源于stack exchange，提问作者jknowlesdev