Restore the color of the link text after clicking the link_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:14:33
Original
2220 people have browsed it

When visiting the page, the initial color of the link is "black". When the mouse hovers over the link, the color changes. When the link is clicked, the color returns to black? ? ?

css style:
a:link {color: #666666;text-decoration: none;}
a:visited {text-decoration: none;color: #666666;}
a:hover {text-decoration: underline;color: #000000;}
a:active {text-decoration: none;color: #666666;}

Links in the page:
< ;li>Car insurance homepage

  • Online insurance

  • Claim Center

  • Customer Service< /a>

  • My Car Insurance


    Reply to discussion (solution)

    a:link {color: #666666;text-decoration: none;}
    a:hover {text-decoration: underline;color: #000000;}
    Defining these two pseudo-classes can achieve the goal.



    The following two can be ignored
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color : #666666;}

    If you don’t remove the two styles below, is there any other way? (These css styles are placed in a separate public css file and cannot be modified easily)
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666;}

    If you don’t remove the two styles below, is there any other way? (These css styles are placed in a separate public css file and cannot be modified easily)
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666;}

    If you don’t remove it, the visited links will remain gray until you clear the cache.

    Can't I add styles individually to a specific element on a page to override the style of the css file? ? ?

    If you don’t remove the two styles below, is there any other way? (These css styles are placed in a separate public css file and cannot be modified easily)
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666;}
    If this file cannot be moved, then you can only write another file and define a class or pseudo-class that is closer to your target connection than this file to override the style of this file. For example, add id=a1 to your a tag, and define a#a1{..} in the new css file, so that the effect can be achieved.
    Reminder lz: If it is a team project and you are not the designer, it is recommended that you follow what others have set and do not add any unnecessary extravagance.

  • source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template