伪元素生成的文本可以由用户选择吗?

时间:2015-03-23 18:33:51

标签: css pseudo-element

我正在将75页的工作能力指数数字化。用户需要能够链接到每个能力,能力有意义地分组,并且能力通常是句子长。因此,我不是使用每个能力的文本作为锚点,而是创建标签方案并为每个项目创建锚点。能力“从左边知道你的右手”可以给出标签“E.1.A.2.2”。这很乏味。

我正在努力避免再次手动将标签添加到每个能力中(因为我已经在锚中添加了一次。)为了显示标签,我可以使用伪元素:before从锚{content: attr(name);}生成标签。

效果很好,但生成的文本不可选。要创建指向特定能力的链接,用户必须手动输入“#E.1.A.2.2”,这会引起比我想要的更多用户错误。

是否可以使伪元素生成的文本可选?我也可以接受其他建议。如果在HTML中创建每个标签是获得所需结果的唯一方法,我会这样做。但是哎哟。

1 个答案:

答案 0 :(得分:0)

为了使搜索引擎可以选择和索引,我认为唯一的方法是使用JS添加内容

例如jQuery代码:

$div.prepend("<span>My Text</span>")