css 一个父盒子，一个子盒子，子盒子定位到父盒子之上，但父盒子的样式不能被覆盖，请写出css代码

可以使用CSS中的z-index属性来控制盒子的层叠顺序，如下所示：

.parent {
  position: relative;
  z-index: 1;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

在上述代码中，父盒子使用了相对定位，并将z-index属性设置为1，子盒子使用了绝对定位，并将z-index属性设置为2，这样子盒子就会显示在父盒子之上，但是父盒子的样式不会被子盒子覆盖。