如何在页面上仅覆盖一个区域的CSS Box大小？

Question

我的Twitter Bootstrap文件中有以下CSS：

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

这导致我的TinyMCE编辑器出现问题，主要是调整textarea的大小。无论如何，如果我删除上面的代码都很好，但显然我需要它，否则其余的Bootstrap会中断。

那么我如何仅针对TinyMCE覆盖上述内容？我试过这个：

.tinymce-editor,
.tinymce-editor:before,
.tinymce-editor:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

但没有运气。 .tinymce-editor碰巧是我的编辑所在的div。

Answer 1

没关系，只是得到了它：

.tinymce-editor *,
.tinymce-editor *:before,
.tinymce-editor *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}