CSS技巧:将属性值转换为另一个css标记

Question

我试图仅使用CSS调整内部站点(公司政策:它缺乏工作,所以服务器不会触摸,实际上它将通过CSS扩展完成)

我们需要将HTML中属性中存在的值包含到视图中(由用户看到)

HTML看起来像:

<div class="card card-employe" employid="a453">
    <a href=... target="_blank">
        ...
    </a>
</div>

所以使用CSS选择器我可以在卡片上插入文字:

.card-employe::before {
  content: "_ #EmployeID:";
}

但我梦想有更像先进的东西

.card-employe::before {
  content: "#EmployeID:" + this.employid;
}

所以文字将显示:

#EmployeID:a453

只有CSS可能吗？

Answer 1

是的,有可能,使用这个:

.card-employe::before {
  content: "#EmployeID:" attr(employid);
}