具有多种文本样式的链接

时间:2014-11-16 14:20:23

标签: html css hyperlink

我有一个页面,其中包含新闻文章的概述。它显示文章的标题和作者,如果有人点击它,它会使用链接转到文章。我想要的是文章标题要大胆,但作者不应该大胆。如果我尝试这样做,我会在页面上将粗体标签作为文本而不是标题变为粗体。

<a href="url">LINK! by User</a>

我想要的是LINK!要大胆但文本的其余部分不要粗体

<a href="link"><b>LINK!</b> by User</a>

上面将粗体标记作为文本,不会使链接变粗。我不想让它们成为同一个目的地的2个单独的链接,因为它看起来很难看!

1 个答案:

答案 0 :(得分:0)

<a href="link"><b>LINK!</b> by User</a> 

显示&#34; LINK!&#34;像用户&#34;一样大胆在Chrome,Safari和FF中对我来说并不大胆。你确定你没有做任何事情来逃避链接文本中的内容吗?

这些都将完成你想要做的事情,所以我猜测还有其他事情发生。

<html>
<head>
    <style type="text/css">
        .first-part {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <a href="#"><span class="first-part">first part</span><span class="second-part">second part</span> </a>
    <br />
    <a href="link"><b>LINK!</b> by User</a>
</body>