作者：黄于諭春琪 | 来源：互联网 | 2022-12-05 13:54
.red p {
color: red;
}
.blue p {
color: blue;
}
我假设第一个是蓝色,第二个是红色,但事实并非如此.为什么这两段都是蓝色的？
1> 小智..：
由于CSS中的"C",这两段都是蓝色的 - 代表级联.查看MDN文档以了解如何应用和继承CSS规则.
在您的情况下,所有.blue p选择器是CSS中的最后一个规则,它会覆盖.red p选择器.
您可以像这样重构CSS,以确保div中的.red为红色.
.blue p {
color: blue;
}
.blue .red p {
color: red;
}
![[c++基础]STL](https://img.php1.cn/3c972/1edc8/c5a/a04ecc977fd8ed28.jpeg)
京公网安备 11010802041100号