::target-text 伪元素用来设置文字锚点的高亮状态，该功能是Chrome 89支持了基于文字内容的锚点定位。
::selection 伪元素用来设置文字被选中的高亮状态。
两者都只能修改与文字样式相关的样式，例如，颜色、背景色、下划线、文字阴影等样式。
实例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>target-text和selection伪元素的比较用法-www.xiaoyuzl.com小鱼资料库</title>
<style>
::target-text, ::selection {
background-color: #16a085;
color: #fff;
}
</style>
</head>
<body>
<p>::target-text 伪元素用来设置文字锚点的高亮状态，该功能是Chrome 89支持了基于文字内容的锚点定位。</p>
<p>::selection 伪元素用来设置文字被选中的高亮状态。</p>
<p>两者都只能修改与文字样式相关的样式，例如，颜色、背景色、下划线、文字阴影等样式。</p>
</body>
</html>
在线展示效果：https://www.xiaoyuzl.com/plus/view-199526-1.html
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶(hù)
支付方式
打開(kāi)微信掃一掃，即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得
100積分直接送
付費(fèi)專(zhuān)欄免費(fèi)學(xué)
大額優(yōu)惠券免費(fèi)領(lǐng)