twitter-bootstrap - 对 div 中的所有元素进行大小调整

Question

我在一个应用程序站点上使用 bootstrap 4.0 缩小 css，我想在另一个站点的顶部注入。

我遇到的问题是以下样式由于这些样式而影响了位于我的应用程序后面的站点：

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

我尝试修改 CSS，使其仅针对包装 div 中的所有内容，如下所示：

.prefix-wrapper * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

这没有用 - 有什么想法吗？

score 0 · Accepted Answer

我不熟悉 Bootstap 4，但目前的“想法”是 box-sizing 'reset' 是这样形成的：

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

所以，如果你想使用，

.prefix-wrapper * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

...您首先必须将父级上的 box-sizing 属性更改为不同的值。

所以像：

.prefix-wrapper {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

1 回答 1