當我們在文件中，或是外部的檔案定義樣式 (style) 之後，所有套用的 HTML 文件都會遵照相同的樣式，例如說: 當我們把 <P> 定義成藍色，那麼所有使用到 <P> 的段落都會變成藍色的字。但如果我想要某些地方的 <P> 是藍色，某些地方的 <P> 是紅色時怎麼辦?! 這個時候我們就得把樣式分類 (class)，在使用樣式的時候，套用適當的類別。

要使用分類的樣式，我們在欲套用的 HTML 標記中使用 CLASS 這個的屬性，並且事先在 Style Sheets 中定義好樣式類別 (style class)。
<style type="text/css"> P.blue {color:#0000ff;} P.red {color:#ff0000;} </style> 上面只能套用到 <P>，下面則可以套用到所有 sytle。 <style type="text/css"> all.blue {color:#0000ff;} all.red {color:#ff0000;} </style> 另外 P.blue 及 P.red 會繼承 P 的所有設定。所以，如果發現效果有所差異時，請先看看其它地方是否有 P 的設定。

舉一個列子，下面為效果：

藍色

紅色

下面為原始碼： <style type="text/css"> P.blue {color:#0000ff;} P.red {color:#ff0000;} </style> <P CLASS="blue">藍色</P> <P CLASS="red">紅色</P>