css - ASP.net MVC navbar-brand to header text color -


it's amazing there no easy find answer one:

i want change textcolor of actionlinks in header. have tried code:

css:

.navbar-brand { color: black } .navbar-brand:visited { color: black } .navbar-default-color { color: black } 

cshtml:

    @html.actionlink("home", "index", "home", new { area = "" }, new { @class = "navbar-brand" }) </div> <div class="navbar-collapse collapse">      <ul class="nav navbar-nav">          <li>@html.actionlink("senders", "index", "senders", new { @class = "navbar-brand" })</li>         <li>@html.actionlink("responders", "index", "responders", new { @class = "navbar-brand" })</li>        </ul> 

all of actionlinks in header inherits style navbar-brand. home actionlinks gets it's text color changed. (see picture) http://i.imgur.com/l0hjmk2.png

notice actionlinks do in fact inherit text-size , font. bloody text-color!

how change ugly grey color of other actionlinks using css?

sorry dumb question, why doesn't work?

the easiest way:

.navbar-brand { color: black !important } .navbar-brand:visited { color: black !important } .navbar-default-color { color: black !important } .navbar-inverse { color : #ffffff !important } 

i belive happends becouse li element has own style , css rules first styles element selectors , class selectors.

you can watch chrome -> f12 -> inspect element


Comments

Popular posts from this blog

c++ - QTextObjectInterface with Qml TextEdit (QQuickTextEdit) -

javascript - angular ng-required radio button not toggling required off in firefox 33, OK in chrome -

xcode - Swift Playground - Files are not readable -