在CSS中，當我們給同一個元素添加多個樣式時，就會發(fā)生樣式?jīng)_突的情況。此時，就需要使用CSS權(quán)重計算規(guī)則來決定哪個樣式將會被應用。

CSS權(quán)重計算規(guī)則指的是在樣式?jīng)_突時，每個樣式所擁有的權(quán)重大小。權(quán)重越高的樣式，將優(yōu)先被應用。一個樣式的權(quán)重大小取決于以下幾個因素：

// 插入一段代碼塊
// 行內(nèi)樣式
<div style="color: red;"></div>
// ID選擇器
<div id="header"></div>
// 類選擇器、屬性選擇器、偽類選擇器
<div class="box"></div>
<div data-lang="cn"></div>
<a href="#" :hover></a>
// 元素、偽元素選擇器
<div></div>
<::after></::after>

從上面的代碼中可以看出：

• 行內(nèi)樣式擁有最高的權(quán)重，為1000。
• ID選擇器的權(quán)重為100。
• 類選擇器、屬性選擇器、偽類選擇器的權(quán)重為10。
• 元素、偽元素選擇器的權(quán)重為1。

在權(quán)重計算中，每個選擇器的權(quán)重相加即為總權(quán)重。如果多個樣式的總權(quán)重相等，則后面聲明的樣式將會被應用。

需要注意的是，通配符選擇器（*）和繼承樣式?jīng)]有權(quán)重。使用!important可以使樣式具有最高的權(quán)重，但是應該盡量避免使用。

在實際開發(fā)中，了解CSS權(quán)重計算規(guī)則可以幫助我們更好地處理樣式?jīng)_突，提高CSS樣式編寫的效率。