Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Why is a:visited invalid? _html/css_WEB-ITnose

Why is a:visited invalid? _html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:17:36
Original
1487 people have browsed it

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><style type="text/css">.link a:link{	color:blue;}.link a:visited{	color:yellow;}.link a:hover{	color:red;}.link a:active{	color:#ccc;}</style></head><body><div id="webmanage">	<ul>		<li class="link"><a href="__ROOT__category" target="dashbord">栏目一</a></li>		<li class="link"><a href="__ROOT__article/lists" target="dashbord">栏目二</a></li>		<li class="link"><a href="__ROOT__article/add" target="dashbord">栏目三</a></li>		<li class="link"><a href="__ROOT__member/reg" target="dashbord">栏目四</a></li>	</ul></div>	</body></html>
Copy after login

Why can't this code be implemented: when the mouse is not clicked, it is blue, when it is clicked, it is yellow, then click the second one, the second one is yellow, and the previous one returns to blue? ? ?

I found that the main problem is 1.visited. Is there a problem here? 2. When you open this page, aren’t they all blue?


Reply to discussion (solution)

.link a:link{    color:blue;}a:visited{    color:yellow;}a:hover{    color:red;}a:active{    color:#ccc;}
Copy after login

Remove the previous .link

Also remove the first one , typo.

You separate this attribute a into different classes, and then set its attributes. For example:





    • css:
    .a a:link{}
    .b a:link{}
    .c a:link{}
    .d a:link{}
    You should get the effect you want

    Related labels：
    为什么a:visited失效了呢？
    source：php.cn
    Previous article：I have seen that the things written in the head will be transferred to the body in this forum, no more than 3_html/css_WEB-ITnose Next article：form form nesting_html/css_WEB-ITnose
    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
    Latest Articles by Author
    Latest Issues
    Is there any way to recover my PHP files? I'm using VisualStudioCode for coding but my PHP file is now corrupted and 70% of the code...
    From 2024-04-03 11:28:59
    0
    1
    291
    Vue.js data values ​​remain unchanged I have a data called: cat_pressed and this function that changes the data value: changeCat...
    From 2024-04-03 09:29:23
    0
    1
    369
    How to keep the first X rows and delete table rows I have a big table with millions of records in MySQLincident_archive, I want to sort the r...
    From 2024-04-01 18:32:54
    0
    1
    347
    v-bind: Style for dynamic values ​​in Vue.js When I use v-bind:style to use dynamic values, I'm having issues with v-bind:style not wor...
    From 2024-03-31 19:46:15
    0
    2
    345
    Trying to find the right hook for WooCommerce order submission I developed a plugin for connecting WooCommerce orders to HubSpot. The problem I'm having ...
    From 2024-03-31 18:06:07
    0
    1
    415
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template