css伪类实现鼠标移入元素显示提示消息，不是element的自带提示功能

此乃小弟亲测，希望对各位大佬有用。

html部分：

    <!-- <a
      href="javascript: void(0)"
      data-tooltip="撒大声地所 &nbsp; 奥术大师多所"
    ><i class="iconfont">与官方积分打通 &#xe3432;</i></a>-->

css部分使用的是scss预处理器：

 // 鼠标悬停提示
    a {
   
      text-decoration: none;
      position: relative;
      color: #536ee0;

      &[data-tooltip] {