Question

I create widgets for sites which I don t own.

在“html”之后,我做了以下工作:

var style = document.createElement( style ),
    stylesString =  minified css with a prefix for each selector eg. .my-prefix p {... } ,
    rules = document.createTextNode(stylesString);

style.type =  text/css ;
if(style.styleSheet) {
    style.styleSheet.cssText = rules.nodeValue;
} else {
    style.appendChild(rules);
}
document.getElementsByTagName( head )[0].appendChild(style);

But on some sites my styles are overridden.

是否有办法更精确地运用风格?

我不想(can)使用:

iFrame
!important on every property

Answer 1

这可能是由于这些要素的行文风格(如果你想要使用你目前增加风格的方法的话,就必须使用<条码>! 进口来推翻,或者具有更高层次的风格:selector 。

我的建议是,通过至少给他们增加一个<条码>id,使你的甄选者更为具体,尽管这仍然不能保证你的甄选者仍然是最具体的。它完全达到了原址风格的质量。

友情链接