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、鼠标悬浮显示效果图如下：