CSS偽類的混合類與類繼承
作者:佚名 時間:2014-03-12 分享到:
CSS偽類的混合類與類繼承
只要把偽類名追加到選擇符的類名后面,就可以混合使用偽類與常規類。例如,下面是定義plain(簡單)、normal(正常)和fancy(特殊)錨的一些規則:
只要把偽類名追加到選擇符的類名后面,就可以混合使用偽類與常規類。例如,下面是定義plain(簡單)、normal(正常)和fancy(特殊)錨的一些規則:
a.plain:link,a.plain:active,a.plain:visited{color:blue}a:link{color:blue}a:visited{color:green}a:active{color: red}a.fancy:link{font-style: italic}a.fancy:visited{font-style: normal}a.fancy:active{font-weight: bold; font-size: 150%}
<a>的plain版本不管鏈接的狀態如何,始終是藍色。因此,正常鏈接開始時是藍色,被激活時是紅色,訪問后則變為綠色。fancy鏈接繼承了正常<a>標簽的顏色方案,但對未訪問的鏈接添加了斜體設置,在被訪問后會轉換回正常文字,當被激活時實際大小增加了50%并變成粗體。
關于fancy類的最后一個屬性,有一句警告:如果為暫時顯示屬性指定了字體大小的改變,當用戶單擊該鏈接時,將產生大量的瀏覽器重復顯示活動。假設一些瀏覽器是運行在慢速機器上,重復顯示肯定會令用戶感到心煩。實現那種顯示變化有時是一種痛苦,要想大部分瀏覽器都支持<a>標簽偽類的外觀上根本改變是不可能的。
類繼承
類繼承了之鄉們的一般基本標簽的樣式屬性。例如,純<p>標簽的所有屬性都會應用于一個特別定義的段落類,除非該處的類覆蓋了某個特定屬性。
類無法繼承其他類的屬性,只能從它們代表的標簽的未分類版本中繼承。因此,總的來說,應該在規則中盡可能多地放置普通樣式,用于標簽的基本樣式,并且只為那些專用于那個類的屬性創建類。這類樣就可以更容易地維據和共享樣式類,尤其是對大的文檔集來說
如沒特殊注明,文章均為上海聯楷網絡原創,轉載請注明來自:http://www.ktcbnqb.cn/contact/20151229/n7331.html