当多个样式表同时对同一个元素进行样式定义时，大家需要遵循 CSS 的层叠控制规则来确定哪个样式表中的样式最终生效。在进行样式覆盖时，通常会使用权重、选择器优先级、在同一元素上定义的样式的先后顺序等方式。
/* 通过权重进行样式覆盖 */
#demo {
color: #333; /* 规则 A */
}
p {
color: #666; /* 规则 B */
}
/* 上述样式表中的规则 A 的权重为 100，规则 B 的权重为 1，所以规则 A 生效 */
/* 通过选择器优先级进行样式覆盖 */
#demo {
color: #333; /* 规则 A */
}
p#demo {
color: #666; /* 规则 B */
}
/* 上述样式表中的规则 B 的选择器优先级高于规则 A，所以规则 B 生效 */
/* 通过先后顺序进行样式覆盖 */
#demo {
color: #333; /* 规则 A */
}
#demo {
color: #666; /* 规则 B */
}
/* 上述样式表中的规则 B 比规则 A 定义后出现，所以规则 B 生效 */通过层叠的方式进行样式定义，可以让大家更灵活地控制样式的表现。但是，过度的样式覆盖可能会导致代码难以维护和改变。大家应该合理使用样式的覆盖方式，并尽可能地保持代码的简洁和易于维护。