UC知道如何可以让链向当前页面的链接显示特殊颜色？
来源：百度知道 编辑：UC知道 时间：2024/06/24 04:21:08
例如，导航栏有A，B，C三个链接，而我当前正在B页面，那么如何让B链接自动呈现为红色？
样式表中对文字链接只有正常状态，鼠标悬停，已点击，活动链接四个状态，没有我说的状态。
请不要说给ABC三页面制作三个不同的导航栏，并手动修改颜色的方法，那个不是我想要的。
当然，我也可以在每个页面定一个变量标记，然后在导航栏中进行if判断：
if (当前页面变量标记)="A" then (A的链接显示为红色) end if
但是这样势必会给导航栏增加大量的判断代码，也不理想。
最好有一种方法可以使用比较简洁的代码判断当前页的链接，并设定其显示状态的。谢谢！
如果您的方法同时适用于图片链接，我将加倍送分数。
样式表中对文字链接只有正常状态，鼠标悬停，已点击，活动链接四个状态，没有我说的状态。
请不要说给ABC三页面制作三个不同的导航栏，并手动修改颜色的方法，那个不是我想要的。
当然，我也可以在每个页面定一个变量标记，然后在导航栏中进行if判断：
if (当前页面变量标记)="A" then (A的链接显示为红色) end if
但是这样势必会给导航栏增加大量的判断代码，也不理想。
最好有一种方法可以使用比较简洁的代码判断当前页的链接，并设定其显示状态的。谢谢！
如果您的方法同时适用于图片链接，我将加倍送分数。
用CSS
正常颜色--a:link{color:blue;}
访问过颜色--a:visited{color:blue;}
鼠标移动链接颜色--a:hover{color:red;}
正在访问颜色--a:active{color:red;}
如新建CSS.CSS：.x a:link {
color: #000000;
text-decoration: underline;
}
.x a:visited {
color: #AB456B;
text-decoration:none;
}
.x a:hover {
color: #FF0000;
}
.x a:active {
color: #0000FF;
}
然后在离颜色最近的<TD CLASS="X">中使用