Css link style is not recognized

Posted on 2011-10-31
Last Modified: 2012-05-12

Please have a look at

In Chrome and in some FireFox version the left side menus are orange, but they should be black (they use different style).
Thank you
Question by:starhu
    LVL 82

    Expert Comment

    by:Dave Baldwin
    Firebug says that in line 644 of ablakcsere.css, you have the color declared as #FF4500.  Those links go to black on yellow on 'hover'.
    LVL 21

    Expert Comment

    by:Kim Walker
    The a:link style on line 644 of ablakcsere.css is setting links to orange.

    Author Comment

    Doesn't it matter that .szovegFOMENU is set to black and this is surrounding the links?

    How can I override these links then.

    I read that the following should work but at me it doesn't

    #main_left_red a:hover {
    color: #fff !important;
    In html:
    <div id="main_left_red">      
           <a href="mylocatin.cfm>">txt goes here</a>          
    LVL 21

    Accepted Solution

    a:link is getting priority because it is more specific. Try adding an even more specific selector to your .szovegFOMENU style.

    .szovegFOMENU, .szvogFOMENU a:link {
        color: black;
        font-size: 14px;
        font-weight: bold;

    Open in new window

    LVL 82

    Expert Comment

    by:Dave Baldwin
    What matters is the last style that is applied.  When you have more than one entry for an item, the order that they are applied is important because each one becomes the current style as it is encountered.  This a:link is near the end of the file so it becomes the last style applied to links.  Styles without classes or ids like this should usually be first in the CSS file so that more specific styles will over ride them.
    a:link {
    	color: #ff4500;
    	text-decoration: none;
    	background-color: transparent;

    Open in new window


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
    This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
    In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    760 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    11 Experts available now in Live!

    Get 1:1 Help Now