CSS觸碰提示是一種增加用戶體驗(yàn)的技術(shù)，它可以在用戶鼠標(biāo)觸碰某個(gè)元素時(shí)，展示預(yù)定好的相關(guān)信息。例如，當(dāng)用戶鼠標(biāo)觸摸一個(gè)鏈接時(shí)，會(huì)彈出相關(guān)的鏈接信息，讓用戶更直觀地了解該鏈接的內(nèi)容和目的。

a:hover {
color: red;
text-decoration: underline;
}
a[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
display: none;
background-color: #333;
color: #fff;
padding: 5px;
border-radius: 5px;
}
a[data-tooltip]:hover::after {
display: block;
}

上面的代碼就是一個(gè)簡(jiǎn)單的CSS觸碰提示效果，當(dāng)用戶鼠標(biāo)觸摸一個(gè)帶有"data-tooltip"屬性的鏈接時(shí)，會(huì)在該鏈接下方顯示該屬性的值，即鼠標(biāo)提示信息。

需要注意的是，CSS觸碰提示在移動(dòng)端的效果可能不太好，因?yàn)橐苿?dòng)設(shè)備缺少鼠標(biāo)，只能通過(guò)觸屏來(lái)交互。因此，在移動(dòng)端，可以考慮使用長(zhǎng)按觸發(fā)效果、點(diǎn)擊展示效果等方式來(lái)替代CSS觸碰提示。