在CSS中，規則只能先定義后使用。

.example {
color: red;
}
p {
font-size: 16px;
.example;   /* 這里是錯誤的用法，因為example是在p規則之后定義的 */
}
.example {
background-color: yellow;
font-weight: bold;
}
p {
font-size: 16px;
color: red;
.example;   /* 這里是正確的用法，因為example是在p規則之前定義的 */
}

在上面的例子中，我們可以看到CSS規則必須先定義后使用，否則代碼將會報錯。在p規則中，我們試圖將example類應用于元素，但是該類是在p規則之后定義的，所以這是錯誤的用法。正確的用法是在p規則之前先定義example類，然后在p規則中使用它。

這個規則的原因是因為CSS樣式是從上到下解析的。當瀏覽器讀取樣式表時，它從頭到尾遍歷每一個規則，并將其應用到頁面上對應的元素上。如果我們先使用一個規則，而該規則則尚未定義，瀏覽器就無法確定應該如何為元素進行樣式設置，因此將拋出錯誤。

在撰寫CSS樣式表時，請始終遵守這個規則，確保正確定義并使用所有規則，以避免錯誤的代碼。