How can i disable the bootstrap hover color for links


Tags: css,twitter-bootstrap,href

Problem :

Hi i'm using Bootstrap.

Bootstrap defines

a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
}

I have this links / CSS-classes

<a class="green" href="#">green text</a>
<a class="yellow" href="#">yellow text</a>

How can i disable the hoover color?

I want the green links to stay green and the yellow ones yellow, without overriding :hover for every single class? (this question is not mandatory dependent to bootstrap).

i need something like

a:hover, a:focus {
    color: @nonhoovercolor;
}

and i think

.yellow {
    color: yellow !important;
}

is not a good practice



Solution :

if anyone cares i ended up with:

a {
    color: inherit;
}

    CSS Howto..

    Generated web font doesn't show dots above Ü

    jQueryUI Autocomplete: how to use 'first-of-type' and 'last-of-type' with #ui-active-menuitem?

    How do I draw the lines of a family tree using HTML CSS?

    How do I align a dropdown menu below a
    ?

    How to close CSS3 Lightbox by clicking outside of the current image?

    How do I make the rest of the page fade to black once my div loads and fade out once the div is closed?

    How to animate sections in pure CSS when scrolling the page?

    How to change the hover pseudo class of an element using jquery

    How to change the value depend on css animation?

    How does 'em' css unit work for positioned elements?

    How to get less to output a css variable with quotes

    How to center an element based on the parent div?

    How would I generate a css, js and html file using php?

    How to render email template in a page?

    How can I make my form autoscale correctly?

    How to wrap or label all divs like files in opertaing systems (jQuery) [closed]

    How to add css into .scss file or theme

    How to fix
      's in footer that break in ie8 & ie9, but is perfect in ie7, FF, Safari & Chrome

    How do you work on your HTML and CSS in PLay! + intellij idea? [closed]

    How to move some text down in a li tag?

    Show div at mouse click position, accounting for scrolling

    How to disable Javascript/CSS minification in ASP.NET MVC 4 Beta

    How to remove some css properties using regular expression?

    CSS - How to stack divs by columns of 2

    How to create a CSS style which override another CSS style

    How to overlap a child element of one div with`display:table-cell` over another div with `display:table-cell?`

    How to go about containing a float within a div with variable space

    How to add CSS Hack specifically for IE10?

    How To Make Navigation With Images That Is Clickable?

    How can I make a different CSS for the first child
    ?