使元素不受CSS规则的影响

Question

我的Google Chrome扩展程序需要在页面上包含某些元素的内容，用户正在浏览自定义元素，例如<xelem>original content</xelem>。这种改变不应该产生任何明显的效果。

是否可以使<xelem>不受* css规则（或可能适用于其的任何其他规则）的影响，但同时保留继承的样式？

Answer 1

考虑到您正在使用css3，请查看:not伪类。

像

这样的东西

:not(xelem) {
    /* ... */
}

应该有用......