2015-06-14 20 views
2
<head> 
    <!-- Bootstrap --> 
     <link href="css/bootstrap.min.css" rel="stylesheet"> 
    **<style> 
     .navbar-brand{ 
     color:red; 
     }** 
    </style> 
    </head> 
    <body> 
    <nav class="navbar navbar-default" role="navigation"> 
     <div class="navbar-header"> 
     **<a class="navbar-brand" href="index.html">Test</a>** 
     </div> 
    </nav> 
    </div>  
</body> 

我想将文本的颜色更改为红色,但它不起作用。 如果我将“测试”放入范围并将样式设置为范围,它将起作用。更换颜色的A标签的靴子不起作用

+0

如果我将样式设置为“.navbar-brand and .navbar-header”类,它已经失效了。但为什么只设置.navbar品牌类不工作?! – Vahid

+0

请给我们一个现场示例。 –

+0

@manoj库马尔,http://liveweave.com/#&togetherjs=qjatnPR9Ep – Vahid

回答

0

试试这个,因为你使用的引导应用.btn-danger<div class=" btn-danger navbar-header">

1
<style> 
    .navbar-brand{ 
    color:red !important; 
    } 
</style> 

只需添加!你的CSS颜色属性的末尾重要。

EDITED

当!重要的是使用

,其相关的属性和值将覆盖所有其他矛盾的CSS,无论它可能是。

+1

什么是“!重要”? – Vahid

+0

当!important被使用时,其相关属性和值将覆盖所有其他相反的CSS,无论它在哪里。 –

+0

这是一个tmp修复程序。为什么内部CSS没有比外部更高的优先级? – Vahid