今天发现一个关于CSS小问题

今天在工作时发现一个小问题。

若在一个网页中实现某表格中单独一种链接样式，我利用的方法为：

 

.Link a {

color:#FFFFFF;

text-decoration: none;

}

.Link a:hover{

text-decoration: underline;
Zb'E/|nC/n,c0color: #CC0000;

}

 

此时的网页基本定义为：

 

网页CSS基本定义中链接样式如下：

a:link {
0z5I"j(DlaP0 color: #FF0000;云南博客/v!VazR,Mq
 text-decoration: none;云南博客'V:g${+W!r E+CZ7w
}云南博客"uhma%FLPc
a:visited {
Q-Z~K7Bmr0 text-decoration: none;云南博客0T1@$w\5c&S
 color: #FF0000;
0e$PZCt.yGi'q.~ n0}
L`}Psi.o0a:hover {云南博客3IcR
N%y(t#@`9G
 text-decoration: underline;云南博客S.r iP0g0{-e8Z"yo'M
 color: #000000;
KX3My&zb1K&kIs)^ Q0}
,tA&]3`!S |:q0a:active {云南博客 Ht _rO4X K&W#P5]
 text-decoration: none;
P
Qq IK2VVX%? T0 color: #FF0000;云南博客Y]`wc
}

 

（红色为需要注意部分）

 

预览文件发现：表格中单独的链接只认识hover的颜色，而链接默认颜色为基本定义中的链接颜色。

 

也就是说

.Link a {

color:#FFFFFF;

text-decoration: none;

}

没有起到任何作用。

 

当我将以上我定义的链接样式：

.Link a {

color:#FFFFFF;

text-decoration: none;

}

.Link a:hover{

text-decoration: underline;
_@l.sx7aB-t!r)}0color: #CC0000;

}

改为伪类时，预览文件，成功。

#Link a {

color:#FFFFFF;

text-decoration: none;

}

#Link a:hover{

text-decoration: underline;云南博客oL)Qcf)\
color: #CC0000;

}

 

后来经过经理帮助，发现我以前定义的正确，只是需要将基本定义的链接样式改为：

 

a {
I Vgq0J!wR0 color: #FF0000;云南博客mavwS+L-`;TE
 text-decoration: none;
M H6o4~fCz'L"A0}
k'm\%fN2x0a:hover {云南博客5?;_4k.x9w_(~ [
 text-decoration: underline;云南博客D'z~4w:[-GDN6a
 color: #000000;
L~p:C
~0}

预浏文件，成功！