14

後でstyle.cssとしてロードするプラグインのCSSがあるとしましょう

/*style.css*/
.something {
position:absolute;
left: 0px !important;                       
}

/*plugin's CSS*/
.something {
position:absolute;
left: -50px;                       
}

/今は0pxですが、左の値はまったく必要ありません/

プロパティが上書きされないように！importantを設定できることはわかっていますが、Chrome DevToolsがプロパティのチェックを外したときに「左」をオフにする解決策はありますか？

4

4 に答える 4

10

私が知っている限り（誰かが私を修正してください）、ChromeDevToolsのようにCSSプロパティを直接「オフ」にする方法はありません。

プロパティをデフォルトにリセットするために取得できる最も近いもの。あなたの例では、それは「left：auto;」になります。

PSあなたはより多くのビューとうまくいけば答えを得るためにあなたのタグを調整したいかもしれません。

于 2012-08-13T17:55:36.407 に答える
3

左には「auto」値を使用する必要があります。

.something
{
    position:absolute;
    left:auto !important;
}

「auto」はデフォルトにリセットされます（そのスタイルのブラウザによって設定されます）

詳細はこちら：http ：//www.w3schools.com/cssref/pr_pos_left.asp

于 2012-08-13T17:54:07.983 に答える
1

特異性は、本当に必要なCSS属性を選択するための鍵です。プラグインの場合とプラグイン以外の場合のHTMLの特定の構造を活用して、プラグインのルールを適用するときに必要なCSSを特定のルールで選択できるようにします。

ここに特異性の素晴らしい概要があります：

ここに画像の説明を入力してください

出典：http ：//www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

頭に浮かぶ1つの考えは、適切なセレクターとともに、追加のクラス、プラグインを使用することです。

于 2012-08-13T17:51:26.723 に答える
1

あなたがそれを上書きしようとしているなら、あなたはCSS特異性ルールで遊ぶことができます

于 2012-08-13T17:51:37.107 に答える