CSS content的使用 attr 实现一个纯 CSS 的 Tooltip（工具提示）

• counter(item) 是 CSS 计数器，可以在多个工具提示元素上自动编号。

• attr(data-tooltip) 通过 attr() 函数读取 HTML 标签中的 data-tooltip 属性内容，并作为提示文本。

当鼠标悬停在 <p> 元素上时，工具提示的 opacity 变为 1，visibility 变为 visible，从而显示出来。

不需要 JavaScript，纯 CSS 实现，代码简洁高效。