在CSS中，規(guī)則只能先定義后使用。

.example {
color: red;
}
p {
font-size: 16px;
.example;   /* 這里是錯誤的用法，因?yàn)閑xample是在p規(guī)則之后定義的 */
}
.example {
background-color: yellow;
font-weight: bold;
}
p {
font-size: 16px;
color: red;
.example;   /* 這里是正確的用法，因?yàn)閑xample是在p規(guī)則之前定義的 */
}

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

這個規(guī)則的原因是因?yàn)镃SS樣式是從上到下解析的。當(dāng)瀏覽器讀取樣式表時(shí)，它從頭到尾遍歷每一個規(guī)則，并將其應(yīng)用到頁面上對應(yīng)的元素上。如果我們先使用一個規(guī)則，而該規(guī)則則尚未定義，瀏覽器就無法確定應(yīng)該如何為元素進(jìn)行樣式設(shè)置，因此將拋出錯誤。

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