Nat*_*ber 5 css pseudo-element
我正在将75页的工作能力指数数字化.用户需要能够链接到每个能力,能力有意义地分组,并且能力通常是句子长.因此,我不是将每个能力的文本用作锚点,而是创建标签方案并为每个项目创建锚点.能力"从左边知道你的右手"可以给出标签"E.1.A.2.2".这很乏味.
我试图保护自己不再手动将标签添加到每个能力中(因为我已经在锚中添加了一次.)为了显示标签,我可以使用伪元素:before从锚点生成标签,{content: attr(name);}.
这很好用,但生成的文本不可选.要创建指向特定能力的链接,用户必须手动输入"#E.1.A.2.2",这会引起比我想要的更多用户错误.
是否可以使伪元素生成的文本可选？我也对其他建议持开放态度.如果在HTML中创建每个标签是获得所需结果的唯一方法,我会这样做.但是哎哟.
为了使其可以被搜索引擎选择和索引，我认为唯一的方法是使用 JS 添加内容
例如 jQuery 代码：
$div.prepend("<span>My Text</span>")