湖北省城建设计院网站中国企业在线官网

在导出表中数据放进页面table中时，经常会遇到这么一个问题：数据字符串太长，我们不需要展示全部，鼠标经过时toast全部信息，类似于<a>标签的title功能；

于是可以这么写你的文本
<a title="石兰是个美腻的菇凉">石兰</a>

带来的问题是这么写是一个超链接，而想要的展示效果只是普通文本；

第一反映是重写<a>标签的样式
<style type="text/css">
a:link{color:#000000}
</style>
如果页面没有引入其他框架，这么写是没有问题的；
问题是用的是datatable这么一个神奇的方法，即使你事先定义了<a>标签的样式，也会在加载的时候重新渲染，是的，有先后顺序；

问题到这里似乎卡住了，其实这中间还遇到一个问题，我只是想这一段的<a>标签样式发生变化，而不希望页面上所有的<a>标签样式改变；

于是可以自己定义一个样式：
<style type="text/css">
.mymarkofa a:link{color:#000000} visited{color:#000000} hover{color:#000000} active{color:#000000}
</style>
//注 这里的link visited hover active务必在一行中写完
在代码中引用自己定义的样式就可以了
<div class="mymarkofa">
<a title="石兰是个美腻的菇凉">石兰</a>
</div>

回头再看自己定义的样式，其实我们定义的是一个<div>标签，只是我们把这个<div>标签中的<a>的样式重写了；
css中的各类标签的继承关系，似乎没有java那么严格，或者说并不严格地区分父类和子类，你可以任性地组织各个标签之间的关系；
面向对象的思想真的很重要，如果能想明白这一点，那么回头再看我们遇到的问题，事情真的需要这么复杂么？

我们需要的是<a>标签中title功能、展示的是普通文本。
既然如此，我们按着本该发生的方式写代码就是了：
<a title="石兰是个美腻的菇凉"><span style='color:#000000'>石兰<span></a>
是的，在文本中加上一个标签便是了，再给这个标签的样式赋值。

其实需要理解的是标签渲染的次序，如果明白标签渲染的次序，上面这段html语言很容易理解。
其实没必要这么复杂，你也可以不用<a>标签的title功能，自己直接定义鼠标经过的方法，最后引用这个方法，弱弱的LZ暂时没有去看css源码的想法，只能偷懒喽