在鼠标悬停时单击显示跨度标题

Question

如何在点击span元素时显示跨度标题？通常，跨度标题显示在鼠标悬停上。所以当点击跨度时我想要相同的。怎么办呢？

<span title="abc">def</span>

Answer 1

您实际上可以使用伪元素执行此操作。

不清楚是否点击了＃39;旨在表示鼠标按住（：活动）或正式“点击”。过程

对于前者，你可以这样做。

＆＃13;

＆＃13;

span {
    position: relative;
}
span:active:after {
    content:attr(title);
    padding:5px;
    border:1px solid #ccc;
    top:5px;
    right:10%;
    background: #bada55;
}

＆＃13;

<span title="abc">def</span>

＆＃13;

＆＃13;

＆＃13;

对于后者，然后添加一个显示伪元素的类将是显而易见的解决方案。

请参阅此JSfiddle