css样式失效？

Question

一个页面引用了css文件，在css文件中有
a:link {
color:#003366;
text-decoration:none;
border-bottom:1px dotted #ffbac8;
}
a:visited {
color:#003366;
border-bottom:none;
text-decoration:none;
}
a:hover,
a:focus {
color:#0066b0;
border-bottom:1px solid #f03b58;
text-decoration:underline;
}
table a,
table a:link,
table a:visited {
border:none;
}我想在一个布局表中的linkbutton中单独使用另一个css样式：
.redlbtn a:link {
color:#AB2B2B;
text-decoration:none;
text-decoration:none;
}
.redlbtn a:visited {
color:#E30E0E;
border-bottom:none;
text-decoration:none;
}
.redlbtn a:hover,
    a:focus {
color:#FF0000;
border-bottom:1px solid ;

}
结果在设计视图里可以看到单独设定的效果，可在浏览器中还是上面的总体效果里面的样式，怎么办？

Answer 1

什么意思啊？能说详细些么，它们是都在一个.css文件中啊

Answer 2

你那样写是不行的按你的写法是要这样在页面上写
<p class="redlbtn"><a href="asf.htm">sfsdfsff</a></p>

Answer 3

或者改成这样
a.redlbtn:link
a.redlbtn:visited
a.redlbtn:hover

Answer 4

.redlbtn a:link
这个表示class="redlbtn"里面的子元素a的样式

Answer 5

谢谢大家的指点，我是真的不知道，是照着下载的css样式改的，要好好学学