html 部分 高亮,如何在不修改html内容的情况下,为特定部分的文字加高亮?

比如有如下一段代码:

<p>我是第一段</p>

<p>我是第二段</p>

<p>我是第三段</p>

我从后端获取了数据,告知我要将第二个p标签内的后三个字符进行高亮,就是类似划个荧光黄线那样。

我知道可以通过定位,然后加span标签的形式去做。

但是现在这种形式不行,我们希望压根不要修改这段html代码?

请问还有什么方式可以实现这样的效果?

多谢

样式是CSS控制,你总得让CSS选择到你要改变样式的地方,一端纯文字不加任何辅助的标签,怎么选择到其中的某些字符?

定位,你想多了。。。

定位怎么写,绝对定位?怎么找到你要的那个P,如果让你给整个页面所有的P都这样做呢

css应该没有伪元素能够选择任意的字符。

如果把每一个字符都加上标签的话,应该可以用nth伪类来完成你要的效果。

让后端给一个标识符,让你可以直接css选择

没有,谢谢。

但是现在这种形式不行,我们希望压根不要修改这段html代码?

就是说通过JS修改html代码,都不可以吗?如果这个都禁止的话,那么我还真没有办法了

用正则匹配到高亮的字符替换成带html标签的同样字符,用css控制

学习了很多,不知道接下来我能不能搞定技术的

::before

::after

是不是取出来的数据是html的形式也就是富文本,你能确定数据

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值