在 CSS 中，子元素會(huì)繼承父元素的樣式。這種繼承是通過(guò) CSS 中的 “cascading” 機(jī)制實(shí)現(xiàn)的。不過(guò)，如果父元素和子元素使用相同的屬性，那么它們之間的優(yōu)先級(jí)就會(huì)產(chǎn)生差異。

在 CSS 中，每個(gè)聲明都有一個(gè)權(quán)重值，這個(gè)權(quán)重值是由選擇器中指定的各個(gè)特殊符號(hào)的數(shù)量和種類(lèi)組成的。權(quán)重值越高的聲明，其樣式就會(huì)被應(yīng)用到元素上。

當(dāng)父元素和子元素都使用了相同的屬性時(shí)，子元素的權(quán)重值會(huì)比父元素的權(quán)重值更高。這是因?yàn)樽釉馗唧w，所以它的權(quán)重權(quán)值比它的父元素更高。

假設(shè)我們有以下 HTML 和 CSS 代碼：

<div class="parent">
<p class="child">Hello World</p>
</div>
.parent { 
color: blue; 
}
.child { 
color: red; 
}

在這個(gè)例子中，我們定義了一個(gè)名為 parent 的 div 元素和一個(gè)名為 child 的 p 元素。我們還定義了一個(gè)父元素的樣式（color:blue）和一個(gè)子元素的樣式（color:red）。

當(dāng)瀏覽器渲染這個(gè)元素時(shí)，它會(huì)將子元素的樣式應(yīng)用到 p 元素上，并將父元素的樣式應(yīng)用到 div 元素上。因?yàn)?p 元素的權(quán)重值比 div 元素的權(quán)重值高（它的選擇器更具體），所以子元素的樣式將覆蓋父元素的樣式，最終呈現(xiàn)的顏色將是紅色。

總之，當(dāng)父元素和子元素使用相同屬性時(shí)，子元素的樣式會(huì)覆蓋父元素的樣式，因?yàn)樽釉馗唧w，其權(quán)重值比父元素更高。