css content 的 attr 用法 （实现悬浮提示）

1、<div>

    <span data-tooltip="hello world">Hover Me!!!</span>

</div>

2、css如下

3、data-  为自定义属性，如上 自定义 提示 data-tooltip ="hello world",

配合   before ，after 使用 content 的attr 调用 自定义提示，

content: attr(data-tooltip);

4、鼠标悬浮显示效果图如下：