在網(wǎng)站建設(shè)中,color有很多用法,其中最基本的是替換HTML 3.2的BODY屬性TEXT、LINK、ALINK和VLINK。利用錨偽類,color完全可以替換這些BODY屬性。下例中的第一行可以用后面的網(wǎng)站建設(shè)代碼重寫,其結(jié)果如圖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;}
盡管這看上去好像要鍵入很多額外的代碼,不過網(wǎng)建人員考慮兩個問題。首先,與使用BODY屬性的老辦法相比,這是一個重大改進(jìn),使用老辦法只能在文檔級進(jìn)行修改。那時,如果網(wǎng)建人員希望某些鏈接是中灰色,而另外一些是很深的深灰色,利用BODY屬性是辦不到的。相反,必須在每個需要是深灰色的錨上使用<FONT C0L0R="#666666">。但網(wǎng)頁設(shè)計不同,只需為所有灰色的錨增加一個類,再相應(yīng)地修改樣式:
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的所有錨設(shè)置為銀色而不是中灰色,一旦被訪問過,這些鏈接在網(wǎng)站中將是深灰色,除非對此再增加一個特殊規(guī)則:
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鏈接是中灰色,在訪問后將變成黑色,而所有其他鏈接訪問后為暗灰色,未訪問時為中灰色。這樣子的網(wǎng)站建設(shè)效果才是來訪者所需要的。