CSS借用attr()设置content里面的字符,如’\e123’,给出实现代码,借用attr()设置,借用attr()设置,借用attr()设置

在CSS中，如果你想通过`attr()`函数动态地设置`::before`或`::after`伪元素的内容，并使用像`\e123`这样的Unicode表情或者其他自定义字符，你需要结合JavaScript来实现，因为CSS本身并不直接支持这种方式。

下面是一个简单的HTML结构，配合JavaScript来操作：

<button id="myButton">点击显示表情</button>
<span class="emojis" aria-hidden="true"></span>

<style>
  .emojis::before {
    content: attr(data-emoji);
  }
</style>

然后在JavaScript中添加事件监听和处理：

document.getElementById('myButton').addEventListener('click', function() {
  const emojiCode = '\e123'; // 你可以替换为你想要的表情代码
  document.querySelector('.emojis').setAttribute('data-emoji', emojiCode);
});

当你点击按钮时，JavaScript会将`\e123`这个值赋给`.emojis`元素的`data-emoji`属性，接着CSS就会读取这个属性并将其作为内容渲染到伪元素上。