2

ページの元のスタイルをオーバーライドする必要がある JavaScript プラグイン/CSS シートを作成しています (プラグインは静的サイトをレスポンシブにします)。

現在、次のようなものがある場合:

<body id="home">
    <div style="width:900px; background:green; height:500px; margin:0 auto;">
        <div style="width:400px; background:blue; height:300px;"
            <p>Hello hello hello hello hello hello</p> 
        </div>
    </div>  
    <div style="width:800px; background:green; height:500px;">
        <div style="float:left; width:400px; background:blue; height:300px;"
            <p>blah blah blah blah blah</p> 
        </div>
    </div>
    <link rel="stylesheet" href="css/jq_responsive.css" >
    <script src="js/main.js"></script>
</body>

私の jq_responsive.css スタイルは、インライン スタイルよりも優先されません。<style>ドキュメントのタグにインライン スタイルを配置した場合は<head>、必要に応じて jq_responsive.css ファイルが上書きするスタイルを指すクラスを適用します。ただし、これは私の目的のためのオプションではありません。

!importantここでオーバーライドできる唯一の方法はありますか? できればそれは避けたいです。

4

1 に答える 1

5

特異性の三日月順

次のセレクターのリストは、特異性を高めることによるものです。

  • ユニバーサルセレクター
  • タイプセレクター
  • クラスセレクター
  • 属性セレクター
  • 疑似クラス
  • ID セレクター
  • インライン スタイル

https://developer.mozilla.org/en-US/docs/CSS/Specificity

!important が CSS の唯一の方法であるか、JavaScript を使用してインライン CSS を削除できます。

于 2013-02-18T08:17:07.493 に答える