ページの元のスタイルをオーバーライドする必要がある 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
ここでオーバーライドできる唯一の方法はありますか? できればそれは避けたいです。