2

ページに div 要素 (およびその他) を追加するブラウザー拡張機能があります。ページ スタイルが、追加した要素内のスタイルに影響しないようにする方法はありますか?

私はそれをiframeにすることを検討しましたが、余分な呼び出しをしたくない. 私が追加した情報は基本的なテキストとリンクだけですが、考えられるすべてのスタイルを確実に上書きするのも少し大変に思えます。

4

1 に答える 1

0

すべてのスタイルを使用したくないとおっしゃっていることに気付きましたが、他の人に役立つ場合に備えて、ここで言及する必要があると考えました. 基本的に、これはほとんどの継承/定義済み属性を削除できるクラスです。除外したい要素にクラスを追加するだけです。次に例を示します。

.reset {
    background:none;
    border:none;
    bottom:auto;
    clear:none;
    cursor:default;
    float:none;
    font-size:medium;
    font-style:normal;
    font-weight:normal;
    height:auto;
    left:auto;
    letter-spacing:normal;
    line-height:normal;
    max-height:none;
    max-width:none;
    min-height:0;
    min-width:0;
    overflow:visible;
    position:static;
    right:auto;
    text-align:left;
    text-decoration:none;
    text-indent:0;
    text-transform:none;
    top:auto;
    visibility:visible;
    white-space:normal;
    width:auto;
    z-index:auto;
}

「リセット」を追加するだけで、通常の状態に戻るはずです。次に、その行の下にスタイルを定義すると、リセット クラスのスタイルがオーバーライドされます。

リセット クラスにワイルドカード セレクターを追加して、要素の子もターゲットにすることもできます。

.reset,
.reset * { /*...etc */ }

注:ワイルドカードは IE8+でサポートされているため、IE7 以下で作業している場合 - ダイスはありません。

于 2013-07-03T18:56:09.553 に答える