在使用css的class屬性中，我們寫的最多的就是一個class 後面有多個屬性值連線在一起，然後對映到具體的樣式中去，

例子：.btn .btn-one .btn-two  

解釋：

        舉例如下：

       <a class="btn btn-one btn-two">123</a>

       各自寫各自的樣式：

        .btn{...}

        .btn-one{....}

        .btn-two{....}

        理解如下：在a標籤上有各自的樣式，後面的樣式覆蓋前面的，各自也保留各自獨特的樣式

        口訣：求同存異－－同留異留－－後浪推前浪

但是還有一種情況是class單獨寫的時候全部連線在一起，這又是什麼意思呢？

例子：.btn.btn-one.btn-two

解釋：

        舉例如下：

       <a class="btn btn-one btn-two">123</a>

       .btn.btn-one.btn-two{.....}

       滿足這幾個class都存在的，都作用在同一個標籤上的時候使用這個樣式。

       口訣：同生死共存亡，缺一不可。