覆盖通过JS使用CSS添加的内联样式

Question

一个js插件正在添加一种令我头疼的风格:

element.style {
     z-index: 100 !important;
}

所以我试过这个:

html body div#shell div#shellContent div#bottomPart div#rightCol div.containerBox    
div#embedContainer div#janrainEngageEmbed div.janrainContent div#janrainView   
div.janrainHeader[style] {
    z-index: 1 !important;
}

但仍然没有.

Answer 1

与其他答案相反,可以使用CSS覆盖内联样式:

http://css-tricks.com/override-inline-styles-with-css/

我猜想极长的选择器可能没有击中元素.

我有一个与Janrain插件类似的z-index问题,由此解决了:

#janrainEngageEmbed > div[style] {
    z-index: 0;
}

在您的情况下,您可能需要:

    z-index: 0 !important;