如何在css或scss中将锚定跨度文本显示在锚点之前

在CSS或SCSS中，可以使用伪元素(::before)来实现将锚定跨度文本显示在锚点之前的效果。以下是实现的步骤：

1. 首先，为包含锚点的元素添加一个类名或ID，以便在CSS或SCSS中进行选择。
2. 在CSS或SCSS中，使用伪元素(::before)来创建一个新的元素，并设置其内容为需要显示的锚定跨度文本。
3. 使用绝对定位将伪元素定位在锚点之前。可以使用top、left、right、bottom属性来调整伪元素的位置。
4. 根据需要，可以使用其他CSS属性来自定义锚定跨度文本的样式，如颜色、字体大小、背景色等。

以下是一个示例的CSS代码：

.anchor-link::before {
  content: "锚定跨度文本";
  position: absolute;
  top: -20px; /* 调整距离锚点的上方距离 */
  left: 0; /* 调整距离锚点的左侧距离 */
  color: #000; /* 设置文本颜色 */
  font-size: 14px; /* 设置字体大小 */
  background-color: #fff; /* 设置背景色 */
  padding: 5px; /* 设置内边距 */
}

在上述示例中，.anchor-link是包含锚点的元素的类名。通过设置::before伪元素的内容、定位和样式，可以实现将锚定跨度文本显示在锚点之前的效果。

请注意，这只是一种实现方式，具体的实现方法可能因项目需求和设计风格而有所不同。