Сделать элемент не затронутым правилами CSS

Question

Мое расширение Google Chrome должно оборачивать содержимое определенных элементов на странице, которую пользователь просматривает в пользовательский элемент, скажем, <xelem>original content</xelem>. Это изменение не должно создавать видимого эффекта.

Можно ли сделать <xelem> НЕ затронутыми * правилами CSS (или любыми другими правилами, которые могут к нему применяться), но в то же время сохранить унаследованные стили?

Answer 1

Учитывая, что вы работаете с css3, взгляните на псевдокласс : не .

Что-то вроде

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

должно работать ...