HTMLにアクセスできないdivのサイズを変更

Question

私はページ上のいくつかの背景を編集しようとしています。私はhtmlファイルにアクセスできません.cssと.jsだけです。ページには、構造のために画面全体（下）に背景を展開しないデフォルトのテーマがあります。私はCSSを使ってアニメーショングラデーションを使ってデフォルトの背景.pngをスワップすることができましたが、今度はdivを変更する必要があります。 cssファイルの最上部にある@importのURLを試してみて、外部のCSSを呼び出しても動作しません。 html構造体をオーバーライドする方法はありますか？ありがとうございます

• デフォルトのテンプレートのCSSにアクセスできません。サービスはサーバー上のすべてを保持し、テンプレートをローカルフォルダにインストールすると（Dropboxですべて機能します）、基本的に空白になりますが、他のコードを追加できる.cssと.jsが追加で見つかりました。私がする必要があるのは、テンプレートのdiv構造をこれらの2つのファイルのいずれかから上書きすることです。 DevToolsの使用テンプレートdivクラスの名前が見つかりました。私は相対.cssをダウンロードできると思います。それを上書きする方法はまだわかりません...一般的なコーディングにあまり慣れていません...

Answer 1

あなたがしようとしていることではっきりしません。しかし、あなたはいつもJavascriptのDOM操作関数を使うことができます。

このリンクを確認してください：http://callmenick.com/post/basics-javascript-dom-manipulation。

さらに良いAPIを提供するjqueryを使用することもできます。

Answer 2

それはいくつかのクラス定義やスタイルシートファイル内にある場合、それは、インラインスタイルである場合、優先度の高いのあなたの定義を取得するために、高Specificityで

.oldclass{ 
 
    width:328px; 
 
    height:328px; 
 
    background-image:url('http://via.placeholder.com/328x328'); 
 
} 
 
/*Your New definition*/ 
 
div.oldclass{ 
 
    background-image:url('http://via.placeholder.com/328x328'); 
 
}

<div class="oldclass"> 
 
</div>

をセレクタを使用し、その後、 !importantタグを使用

.oldclass{ 
 
    width:328px; 
 
    height:328px 
 
} 
 
/*Your New definition*/ 
 
div.oldclass{ 
 
    background-image:url('http://via.placeholder.com/328x328') !important; 
 
}

<div class="oldclass" style="background-image:url('https://www.gravatar.com/avatar/fca24c2acab4d63343d4608ce256dcec?s=328&d=identicon&r=PG&f=1');"> 
 
</div>