我的问题非常简单,但我无法找到办法。
我的目标是使锚标记的title属性能够包含链接。我也希望能够用CSS设置这个标题的样式。对此的一个解决方案是以某种方式在另一个锚的title属性中添加锚,据我所知这是不可能的。另一个解决方案(这对我有用)是能够在我的CSS的“内容”样式器中放置一个锚标签,所以我可以通过CSS制作一个伪'锚标题'。据我所知,这也是不可能的。
以下是一些可能澄清的代码的代码:http://codepen.io/anon/pen/miabL
以下是示例的HTML:
<a id = "anchor" data-title = "Here is some sample text. 'CLICK HERE.' Here is some more sample text."> Sample Anchor</a>
以下是适用于上述示例的CSS:
a[data-title]:hover:after {
content: attr(data-title);
background: purple;
color: white;
margin-left: 0px;
}
为了进一步了解这个问题,以下是我尝试将其应用于此网页的链接:http://somil.site11.com/programs.html 我希望在悬停在每个链接上时,描述会显示在右侧。此描述必须能够包含样式/链接,并且必须在单击链接后粘贴或者在将鼠标悬停在每个相应链接上后将其鼠标悬停在其上。在同一页面上必须有多个描述,这就是为什么我选择使用title属性,因为它悬停在它上面。
我怀疑这可能需要javascript或jquery,这很好,但最好使用CSS / HTML解决方案。提前致谢。