CSS content attr实现悬浮提示

利用CSS的content属性结合attr函数，实现鼠标悬停时显示自定义提示信息的效果。

1、 样式代码如下

2、 data- 是用于定义自定义属性的前缀，例如可设置提示信息为 data-tooltip=hello world，实现元素的个性化数据存储与功能扩展。

3、 利用 before 和 after 结合 content 的 attr 属性，调用自定义提示信息。

4、 鼠标悬停时显示效果所示