在网站建设中,color有很多用法,其中最基本的是替换HTML 3.2的BODY属性TEXT、LINK、ALINK和VLINK。利用锚伪类,color完全可以替换这些BODY属性。下例中的第一行可以用后面的网站建设代码重写,其结果如图9-3所示:
<body text="black" link="#808080" alink="silver" vlink="#333333">
body {color:black;}/*replacement css*/
a:link {color:#808080;}
a:active {color:silver;}
a:visited {color:#333333;}
尽管这看上去好像要键入很多额外的代码,不过网建人员考虑两个问题。首先,与使用BODY属性的老办法相比,这是一个重大改进,使用老办法只能在文档级进行修改。那时,如果网建人员希望某些链接是中灰色,而另外一些是很深的深灰色,利用BODY属性是办不到的。相反,必须在每个需要是深灰色的锚上使用<FONT C0L0R="#666666">。但网页设计不同,只需为所有灰色的锚增加一个类,再相应地修改样式:
body {color:black;}
a:link {color:#808080;} /*medium gray*/
a.extemal:link {color:silver;}
a:active {color:silver;}
a:visited {color:#333;} /*a very dark gray*/
这会把class为external的所有锚设置为银色而不是中灰色,一旦被访问过,这些链接在网站中将是深灰色,除非对此再增加一个特殊规则:
body {color:black;}
a:link {color:#808080;} /*medium gray*/
a.external:link {color:#666;}
a:active {color:silver;}
a:visited {color:#333;} /*a very dark gray*/
a.external:visited {color:black;}
这样一来,在访问之前,所有external链接是中灰色,在访问后将变成黑色,而所有其他链接访问后为暗灰色,未访问时为中灰色。这样子的网站建设效果才是来访者所需要的。