文章插图
点击这个会自动复制一段包含
#:~:text=的链接， 浏览器会自动处理选中文本的前后限制， 保证结果的唯一性 。 如下， 将刚才复制的地址直接粘贴在浏览器打开 
文章插图
然后说一下兼容性 。
这个属性非常新， 可以在 MDN 官网看到具体的兼容信息， 需要 Chrome 89+ 以上才行
文章插图
试了一下安卓系统上也是没有问题的， 比如在微信中打开的效果如下
文章插图
默认是一个黄色背景（貌似无法自定义）， 点击任意地方就消失了 。
比较适合在阅读一本书时， 想分享某一章节的某一小段精彩文本给他人， 这样就能快速定位到分享的地方了， 还能高亮显示 。 是不是很方便呢？
五、简单总结一下详细通过本文， 应该可以了解到
::target-text是什么了吧？下面简单总结一下 - ::target-text 和 :target 类似， 都可以跳转到指定位置
::target-text 无需 id， 可以指定任意文本
地址栏匹配规则是 #:~:text=[prefix-,] textStart [,textEnd] [,-suffix]， 只有 textStart 是必填， 其他都是可选
浏览器支持“复制指向突出显示的内容的链接”操作， 可以不必手动拼接
兼容性有点差， 安卓用户可以使用
（学习视频分享：web前端）
以上就是一文了解CSS3中的新特性 ::target-text 选择器的详细内容， 更多请关注电脑自学网其它相关文章！
推荐阅读
- 带你了解主播和商家合作佣金多少 一般主播和商家合作佣金多少
- 想瘦脸该不该拔智齿 你需要了解的智齿知识
- 卧蚕和眼袋的区别 想祛眼袋得先了解形成原因
- 原神圣遗物词缀是什么意思-圣遗物词缀效果分享您需要了解的
- 【养生常识】带你了解什么是高温瑜伽！
- 剑与远征亡灵种族塔通关攻略-亡灵种族塔通关技巧及心得您需要了解的
- 天天象棋192期残局挑战怎么过-天天象棋残局挑战第192期通关步骤介绍您需要了解的
- 微信撩妹打招呼图片
- 11个月宝宝的生长发育特点，速来了解！
- 10个月宝宝的生长发育特点，速来了解！