私はブラウザベースのウェブサイトビルダーを表示するためにあなたのウェブサイトの上にCSSを "オーバーレイ"するSquarespaceのユーザーインターフェースを変更するためにChrome拡張機能を書いています。CSSを上書きしているインラインスタイルを「無効にする」方法はありますか?
のは、これが私の体のCSSで言ってみましょう:あなたはSquarespaceのユーザーインターフェイスを開くとき
body {
background-color: #000000;
background-image: url("/storage/body.jpg");
background-repeat: no-repeat;
background-position: top center;
}
、それはインラインスタイリングとCSSにいくつかのクラスを追加します。だから、これは自動的に私のコードに追加されます。
{
padding-top: 56px;
background-position: 50px 56px;
}
だから私はCSSクローム拡張子を持つユーザーインターフェースを変更していますので、私は基本的に「スキップ」または追加されているから、それらのインラインスタイルを「無効」にしたいです。私はエクステンションCSSで重要なことを使うことができますが、いくつかのウェブサイトでは異なるバックグラウンドポジションを使用することがあります。「バックグラウンドポジション:トップセンター!重要」とは言いません。私の内線で私はまた、他のスタイリングにも使われているので、スクリプトを使ってクラスを取り除きたいとは思わない。
ありがとうございます!
'!important'は、インラインスタイルを上書きする唯一の方法です。 –