链接的各种样式:
直接定义a不行吗?
a:link {color: blue} /* 未被访问的链接 蓝色 */
a:visited {color: blue} /* 已被访问过的链接 蓝色 */
a:hover {color: blue} /* 鼠标悬浮在上的链接蓝色 */
a:active {color: blue} /* 鼠标点中激活链接 蓝色 */
非要加类的话:
.div1 a:link, .div2 a:link {color: blue} /* 未被访问的链接 蓝色 */
.div1 a:visited , .div2 a:visited {color: blue} /* 已被访问过的链接 蓝色 */
.div1 a:hover, .div2 a:hover {color: blue} /* 鼠标悬浮在上的链接蓝色 */
.div1 a:active , .div2 a:active {color: blue} /* 鼠标点中激活链接 蓝色 */
鼠标停留后div变色
a
{
display:block;
width:100px;
background-color:#CBCBCB;
}
a:hover
{
background-color:#999999;
}