在CSS中, 我们经常会用到A的伪类, 但是我们也经常会混淆, 所以写在下面.
最基本的用法:
a {MARGIN: 0px;PADDING:0px;BORDER:0px;}
a:link {COLOR:#60A179;TEXT-DECORATION:none;}
a:visited{COLOR:#666;TEXT-DECORATION: none;}
a:hover{COLOR:#3AAD7E;TEXT-DECORATION: underline;}
a:link {COLOR:#60A179;TEXT-DECORATION:none;}
a:visited{COLOR:#666;TEXT-DECORATION: none;}
a:hover{COLOR:#3AAD7E;TEXT-DECORATION: underline;}
在列表中的用法
#topmenu li a {
TEXT-DECORATION: none;
}
#topmenu li a:hover {
}
#topmenu ul li#one A { WIDTH: 60px}
#topmenu ul li#two A { WIDTH: 80px}
#topmenu ul li#three A { WIDTH: 80px}
#topmenu ul li#four A { WIDTH: 80px}
#topmenu ul li#five A { WIDTH: 80px}
#topmenu ul li#six A { WIDTH: 80px}
#topmenu ul li#seven A { WIDTH: 80px}
TEXT-DECORATION: none;
}
#topmenu li a:hover {
}
#topmenu ul li#one A { WIDTH: 60px}
#topmenu ul li#two A { WIDTH: 80px}
#topmenu ul li#three A { WIDTH: 80px}
#topmenu ul li#four A { WIDTH: 80px}
#topmenu ul li#five A { WIDTH: 80px}
#topmenu ul li#six A { WIDTH: 80px}
#topmenu ul li#seven A { WIDTH: 80px}
设置类时的用法:
a.classMenu:link {}
a.classMenu:hover {}
a.classMenu:active {}
a.classMenu:visited {}
a.classMenu:hover {}
a.classMenu:active {}
a.classMenu:visited {}
设置ID时的用法:
a#Menu1:link {}
a#Menu1:hover {}
a#Menu1:active {}
a#Menu1:visited {}
a#Menu1:hover {}
a#Menu1:active {}
a#Menu1:visited {}
当A的父元素有ID时的用法:
#parentid a:link {}
当A有父元素而无ID时的用法:
div a:link {}