如何在页面上仅覆盖一个区域的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;
}