在網站建設中，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鏈接是中灰色，在訪問后將變成黑色，而所有其他鏈接訪問后為暗灰色，未訪問時為中灰色。這樣子的網站建設效果才是來訪者所需要的。
當前文章標題：網頁設計中的前景色替換屬性
當前URL：http://www.ccaudelo.com/news/wzzz/replacement-properties.html
上一篇：網頁設計中的前景色
下一篇：網頁設計中的前景色影響邊框
