使用CSS的attr和content属性

使用CSS的attr和content属性，修改title样式、快速检查a标签的href的属性

by laiqs2011

HTML

<p class="tooltip" data-title="I'am data-title">Hover me！</p>
<p class="tooltip" data-title="I'am data-title" title="I'am title">注意，使用了自定义的data-title而没有写原属性title，可
    防止冲突产生</p>
<a id="show-href" href="http://laispace.com">来思碑</a>

CSS

.tooltip:hover:after {
    content: attr(data-title);
    background: #eee;
    border: 1px solid red;
    position: relative;
    top: -26px;
    left: -40px;
}

#show-href:hover:after {
    content: attr(href);
    background: #eee;
    border: 1px solid red;
}