在 CSS 中，每个声明都有一个权重值，这个权重值是由选择器中指定的各个特殊符号的数量和种类组成的。权重值越高的声明，其样式就会被应用到元素上。
当父元素和子元素都使用了相同的属性时，子元素的权重值会比父元素的权重值更高。这是因为子元素更具体，所以它的权重权值比它的父元素更高。
假设大家有以下 HTML 和 CSS 代码：
<div class="parent">
<p class="child">Hello World</p>
</div>
.parent {
color: blue;
}
.child {
color: red;
}在这个例子中，大家定义了一个名为 parent 的 div 元素和一个名为 child 的 p 元素。大家还定义了一个父元素的样式（color:blue）和一个子元素的样式（color:red）。
当浏览器渲染这个元素时，它会将子元素的样式应用到 p 元素上，并将父元素的样式应用到 div 元素上。因为 p 元素的权重值比 div 元素的权重值高（它的选择器更具体），所以子元素的样式将覆盖父元素的样式，最终呈现的颜色将是红色。
总之，当父元素和子元素使用相同属性时，子元素的样式会覆盖父元素的样式，因为子元素更具体，其权重值比父元素更高。