如何在Bootstrap中为链接添加文本重点?

时间:2013-12-31 11:06:21

标签: html css twitter-bootstrap formatting twitter-bootstrap-3

Bootstrap允许我通过使用text-*标记上的<p>类属性来强调文本。但是,当我在内部嵌套链接时,链接没有应用强调格式(即颜色)。是否有可以添加到锚标记的属性,以便它显示与<p>标记相同的重点?

例如,以下代码将具有绿色&#HW;:阅读此内容&#39;接下来是一个蓝色的,带下划线的&#39;链接&#39;

<p class="text-success"><strong>HW:</strong> Read this <a href="http://json.org/">Link</a></p>

提前谢谢。

2 个答案:

答案 0 :(得分:2)

使用以下样式继承锚点的color属性:

.text-success a{
    color: inherit;
}

默认情况下,锚点不会继承其父级的颜色属性。

JS小提琴: http://jsfiddle.net/7ZFpr/1/

答案 1 :(得分:1)

使用包含文本类的span包装锚标记内的内容。

示例:

<a href="#"><span class="text-danger">I'm a red link</span></a>