html5自定义新标签属性

>>>>>>>>>>>>>>>>>>>>>>>html5自定义新标签属性>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
鼠标放上“qqqqq"，内容立马变成了"wwwww"
--------------------------------------代码-------------------------------------------------
.data_custom_1 { display:inline-block;position: relative; }
.data_custom_1:hover { color: transparent; }
.data_custom_1:hover:after {
    content: attr(data-hover-response-1);
    color: black;
    position: absolute;
    left: 0;
}
<div class="data_custom_1" data-hover-response-1="wwwww">qqqqq</div>
------------------------------------------说明----------------------------------------------
 display:inline-block;  行锁定