CSS是前端開發中必不可少的技能之一，對于CSS樣式中的復合樣式分類也是非常重要的。CSS的復合樣式可以簡化樣式的書寫，提高開發效率，下面我們來分類講解CSS復合樣式。

/* 邊框屬性 */
border：其實是一個簡化寫法，包含border-top-width、border-right-width、border-bottom-width、border-left-width、border-top-style、border-right-style、border-bottom-style、border-left-style、border-top-color、border-right-color、border-bottom-color、border-left-color這12個屬性。

例如：

border: 1px solid #000;

即等同于以下寫法：

border-width: 1px;
border-style: solid;
border-color: #000;

/* 字體屬性 */
font：包含font-style、font-variant、font-weight、font-size、line-height、font-family這6個屬性，其值可以簡寫，如下所示。

例如：

font: italic small-caps bold 12px/1.5 Arial;

即等同于以下寫法：

font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 12px;
line-height: 1.5;
font-family: Arial;

/* 列表屬性 */
list-style：包含list-style-type、list-style-position、list-style-image這3個屬性，即可以設置列表的類型、位置和圖片。

例如：

list-style: square inside url('img.jpg');

即等同于以下寫法：

list-style-type: square;
list-style-position: inside;
list-style-image: url('img.jpg');

以上就是CSS復合樣式的分類。在開發過程中，合理使用復合樣式可以減少代碼量，也更加便于閱讀和管理代碼。同時也要注意復合樣式的優先級問題，不要對同一元素重復設置復合樣式，會導致樣式沖突。