你正在阅读一篇精彩的博客文章。想与朋友分享时，与其让他们通篇阅读，你更希望突出几句关键内容，并引导他们直接跳转至页面对应段落——这正是文本片段的功能所在。
作为用户，您可选中页面任意文本段落，右键点击将其设为文本片段。在Safari浏览器中，右键选择菜单项“复制带高亮链接”即可生成URL——当页面加载时，该链接会自动高亮显示对应文本片段。
默认高亮效果会在片段文本下方显示浅黄色高亮条，如下所示：
点击此链接作为用户，您可在页面任意文本区域高亮选中后右键点击，将其转换为文本片段。在Safari浏览器中，这意味着右键点击并选择“复制带高亮链接” 从菜单中选择，获取一个URL，该URL会在页面加载时突出显示文本片段。亲自看看它是如何工作的。
以上是用户体验。那么开发者体验呢？我们能否进一步定制用户体验？答案是肯定的！我们将借助::target-text伪元素来为文本片段添加样式。
在CSS文件中使用::target-text伪元素，并通过任意属性对文本进行样式设置，例如：
::target-text {
background-color: blue;
color: white;
}
效果如下所示：
因此，若想掌控用户所见文本片段的呈现效果，请善用::target-text，全面掌控用户文本片段的视觉体验。该特性已获得所有浏览器的完整支持。
你也许感兴趣的：