當(dāng)我們在CSS中定義多個規(guī)則時，可能會出現(xiàn)規(guī)則之間相互沖突的情況。此時，CSS中的權(quán)重概念就非常重要了。

以下是一個CSS權(quán)重的例題：

#box p {
color: red;
}
#box .text {
color: blue;
}
.text {
color: green;
}

這段代碼中，有三個規(guī)則定義了相同的屬性color，分別為紅、藍(lán)和綠色。我們來分析一下這三個規(guī)則的權(quán)重。

首先，我們可以看到第一個規(guī)則使用了ID選擇器，第二個規(guī)則使用了class選擇器和后代選擇器，而第三個規(guī)則只使用了class選擇器。那么，ID選擇器的權(quán)重為100，class選擇器的權(quán)重為10，元素選擇器和偽類選擇器的權(quán)重為1。因此，第一個規(guī)則的權(quán)重為101，第二個規(guī)則的權(quán)重為11，第三個規(guī)則的權(quán)重為10。

那么，根據(jù)CSS權(quán)重的規(guī)則，我們可以得出最終的顏色是藍(lán)色，因?yàn)榈诙€規(guī)則的權(quán)重最高，其次是第三個規(guī)則，最后是第一個規(guī)則。

通過這個例題，我們可以理解CSS中權(quán)重的概念，并且能夠更好地運(yùn)用選擇器和權(quán)重來優(yōu)化我們的CSS代碼。