页面嵌套样式在次级页面修改样式主页面无法生效

这个问题可能是由于样式的层级覆盖问题导致的。在嵌套页面中，次级页面的样式可能会覆盖主页面的样式。

解决方法：

1. 在主页面中使用 !important 关键字来强制使用主页面的样式，如：

body {
  background-color: #fff !important;
}

2. 在次级页面中使用更具体的选择器来限制样式的范围，避免影响到主页面，如：

.my-class {
  color: #333;
}

.secondary-page .my-class {
  color: #fff;
}

3. 使用 CSS 变量或预处理器来管理样式，避免样式的层级覆盖问题。

4. 在次级页面中使用内联样式，避免影响到主页面。

以上方法可能会帮助你解决这个问题，具体使用哪个方法取决于你的具体情况。