【发布时间】：2015-05-26 21:18:57
【问题描述】：
我正在数字化一份 75 页的工作能力索引。用户需要能够链接到每个能力，能力被有意义地分组，并且能力通常是一个句子。因此，我没有使用每个能力的文本作为锚点，而是创建了一个标签方案并为每个项目创建了锚点。 “从左到右”的能力可能被赋予标签“E.1.A.2.2”。这很乏味。
我试图避免再次手动将标签添加到每个能力（因为我已经在锚中添加了一次。）为了显示标签，我可以使用伪元素 :before 来生成来自锚点的标签，{content: attr(name);}。
效果很好，但生成的文本不可选择。要创建指向特定能力的链接，用户必须手动输入“#E.1.A.2.2”，这会引发比我想的更多的用户错误。
是否可以让伪元素生成的文本可选择？我也愿意接受其他建议。如果在 HTML 中创建每个标签是获得所需结果的唯一方法，我会这样做。但是哎哟。
【问题讨论】：
-
我不相信这是可能的。屏幕阅读器甚至无法读取该文本。我相信你必须为你的特定任务走 JS 路线。
-
我刚刚遇到这个问题，证实了我的理论：stackoverflow.com/questions/19914349/…
-
这个问题可能会有所帮助：stackoverflow.com/questions/2651739/…
-
谢谢，对不起，我的 search-fu 不能胜任今天的任务。 @TylerH 这个问题很有趣，尽管我已经放弃了增量计数器。我没有 JS 经验，可以听听那里的对话。
标签： css pseudo-element