雙重樣式
自訂樣式和標籤樣式(如 table、span、a、div ... 等等)同時使用,就是這裡提到的雙重樣式了。正確的設定方法如下,兩種不同的樣式同時設定時,只要在中間空一格即可。以下語法單獨將 T1 連結樣式設定為紅色。
Demo
共用樣式
所謂共用樣式,就是讓兩種樣式共用一個樣式表。正確的設定方法如下,共用兩種樣式,只要在中間加逗號即可。以下語法讓 T1 和 T2 共用樣式表。
共用雙重樣式
以上介紹的兩種同時出現的時候,就叫作共用雙重樣式。若你對上面沒有充份理解,請不要繼續往下看。
T1 的樣式和 T2 的連結樣式共用
這裡就不再 Demo 了。
自訂樣式和標籤樣式(如 table、span、a、div ... 等等)同時使用,就是這裡提到的雙重樣式了。正確的設定方法如下,兩種不同的樣式同時設定時,只要在中間空一格即可。以下語法單獨將 T1 連結樣式設定為紅色。
<style type="text/css">
<!--
a:link{color:green}
.T1{color:blue}
.T1 a:link{color:red}
-->
</style>
一般的樣式 <a href="a">一般的連結樣式</a> <span class="T1">T1的樣式 <a href="b">T1的連結樣式</a></span>(P.S. 自訂樣式前面需多加一個點,標籤樣式不用)Demo
共用樣式
所謂共用樣式,就是讓兩種樣式共用一個樣式表。正確的設定方法如下,共用兩種樣式,只要在中間加逗號即可。以下語法讓 T1 和 T2 共用樣式表。
<style type="text/css">
<!--
.T1,.T2{color:blue}
-->
</style>
一般的樣式 <span class="T1">T1的樣式</span> <span class="T2">T2的樣式</span> Demo一般的樣式 T1的樣式 T2的樣式
共用雙重樣式
以上介紹的兩種同時出現的時候,就叫作共用雙重樣式。若你對上面沒有充份理解,請不要繼續往下看。
T1 的樣式和 T2 的連結樣式共用
<style type="text/css">
<!--
.T1,.T2 a:link{color:red}
-->
</style> T1 的連結樣式和 T2 的連結樣式共用<style type="text/css">
<!--
.T1 a:link,T2 a:link{color:red}
-->
</style> (P.S. 以上兩種請不要弄錯.... )這裡就不再 Demo 了。
| 2006/03/01 15:10 |
Trackback Address :: http://blog.raienet.com/trackback/208
