父子页面的 CSS 覆盖问题

我有一个使用 Bootstrap 2 的父页面，现在我包含一个子页面，它恰好是使用 Bootstrap 3 的 newUI。我的子页面仍然使用 bootstrap2。父页面 UI 中断或子页面 UI 中断。很乱，我该如何解决这个问题？

它不仅仅是一个 CSS 类。我希望覆盖整个 css 文件。

类似的东西。

最佳答案

我建议在两个页面中使用名称间距，如果您使用 less 或 sass 来创建祖先后代关系，这将是非常微不足道的，例如:

.parent-page-wrap {

     .button {
         color: #BADA55
     }
}

.child-page-wrap {
     .button {
         color:#BAD6E5
     }

}

你可以用老式的方式来做:

.parent-page-wrap .button {color: #BADA55}
.child-page-wrap .button {color: #BAD6E5

关于父子页面的 CSS 覆盖问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22680768/

相关文章：

css - 纯CSS有可能吗？