由color的定義可知，這個屬性在網頁設計是可以繼承的。這是有道理的，因為如果聲明body {color:gray;}，網頁設計人員可能希望該段落中的所有文本也應當是灰色，即便是強調文本、粗體文本等也不例外。當然，如果設計人員希望這些元素有不同的顏色，這也很容易，如圖9-7所示：

em {color:gray;}

p {color:black;}

圖9-7：為不同元素設置不同顏色

由于color是可以繼承的，理論上講，可以把一個文檔中的所有正常文本設置為某種顏色，如通過聲明body{color:red;}設置為紅色。這會把所有沒有其他樣式的文本變成紅色（如錨就不包含在內，錨有其自己的顏色樣式）。不過，還有一些瀏覽器對表之類的元素設置有預定義的顏色，這就使得body顏色無法繼承到表單元格中。在這種瀏覽器中，由于table元素的color值由瀏覽器定義，瀏覽器的值會比繼承的值更優先。這一點很討厭，也沒有必要，不過好在網頁設計人員解決這個問題（往往）很容易，只需使用列出各表元素的選擇器。例如，要讓所有表內容與文檔體一樣都是紅色，可以用以下規則：

body,table,td,th{color:red;}

這一般都能解決網站建設中的問題。注意，對于大多數現代瀏覽器來說，都沒有必要使用這種選擇器，因為現代瀏覽器早已經修正了先前版本中存在的這種繼承bug。