[css, html] 關於css對html物件class及id運用上的差異

class 同一網頁可存在多個相同的class名稱，並且一個物件可擁有多個class名稱。
id    物件唯一識別值，同一網頁id名稱不會重覆。


在宣告時需注意，在CSS不論對class及id都區分大小寫。


一、前面使用「.」符號，表示針對class宣告

單一class宣告

<style>
    .myFont {
        font-size: 12px;
    }
</style>
<a class="myFont">我是單一個class名稱的物件。</a>

多重class宣告：

<style>
    .myFont {
        font-size: 12px;
    }
    .myColor {
        color: #C0C0C0;
    }
</style>
<a class="myFont myColor">我是擁有多個class名稱的物件。</a>

html標籤 + 多重class宣告：

<style>
    a.myFont {
        font-size: 12px;
    }
    a.myColor {
        color: #C0C0C0;
    }
</style>
<a class="myFont myColor">我是擁有多個class名稱的物件。</a>

二、前面使用「#」符號，表示針對ID宣告

id宣告：

<style>
    #myFont {
        font-size: 12px;
    }
</style>
<a id="myFont">我是有ID的物件。</a>

id + class混合宣告：

<style>
    #myFont {
        font-size: 12px;
    }
    .myColor {
        color: #C0C0C0;
    }
</style>
<a id="myFont" class="myColor">我是有ID的物件。</a>

直接宣告：

<a style='font-size:12px; color:#C0C0C0;'>我是直接宣告的物件。</a>