Question

懂CSS代码的朋友帮忙添加句代码，鼠标点击超链接后文字变色，点其他选项此颜色恢复

想把这个列表的字体变大些，并且鼠标点击后文字颜色改变，点击其他的项，刚才变色的这个恢复
原CSS代码如下（复制的），请告知应该在什么位置添加什么代码能实现这个功能

/* ============分类列表============== */
div.productclass_menu{margin:0px;padding:0px;width:100%;}
a.productclass_menu:link,a.productclass_menu:visited,a.productclass_menu:active{display:block;color: #303030; text-decoration: none;font:14px/38px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;height:40px;background:url(../images/classmenu2.gif) 0px 0px no-repeat;padding-left:55px;}
a.productclass_menu:hover{display:block;color: #ff6600; text-decoration: none;height:40px;font:bold 16px/38px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;background:url(../images/classmenu2.gif) 0px -40px no-repeat;padding-left:55px;}
用JS实现我应该怎么处理，JS放哪？代码多少？





Answer 1

div.productclass_menu{
margin:0px;
padding:0px;
width:100%;
}

.productclass_menu a{
display:block;
color: #303030; 
text-decoration: none;
font:16px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;
height:40px;
background:url(../images/classmenu2.gif) 0px 0px no-repeat;
padding-left:55px;
}

.productclass_menu:hover a:hover{
display:block;
color: #ff6600; 
text-decoration: none;
height:40px;
font:bold 18px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;
background:url(../images/classmenu2.gif) 0px -40px no-repeat;
padding-left:55px;
}

追问

替换了此代码，前台怎么一点改变也没有呢？

追答

.productclass_menu{
margin:0px;
padding:0px;
width:100%;
}

.productclass_menu a{
display:block;
color: #303030;
text-decoration: none;
font:16px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;
height:40px;
background:url(../images/classmenu2.gif) 0px 0px no-repeat;
padding-left:55px;
}
.productclass_menu a:hover{
display:block;
color: #ff6600;
text-decoration: none;
height:40px;
font:bold 18px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;
background:url(../images/classmenu2.gif) 0px -40px no-repeat;
padding-left:55px;
}

接着你再看下前面吧，

Answer 2

js功能实现 ，css实现不了

Answer 3

样式没有这种功能，除非使用JS