html - ブログ投稿内の画像

Question

セクション内の画像の外観を定義したいと思います (画像に境界線を追加しようとしていますが、画像が動的に追加されるため、画像を直接参照することはできません - ブログ投稿のコンテンツとして)。その方法について教えていただけますか？新しい section/id/div を作成する必要がありますか? どうすればマシンに「私が作成した section/id/div で、これらのスタイルを画像に適用してほしい」と言うことができますか?" ? ありがとう、D.

Answer 1

はい、画像または画像が表示されるブロックへの参照を取得する必要があります。次に、cssルールを画像またはブロックに適用すると、画像のスタイルが取得されます。class=""たくさんありid=""、1つしかない方がいいと思います。

以下のような要素の中にimgがある場合、

<div class="someclass">
     <img src="" />
</div>

次にCSSで、

.someclass{
    your rules go here.    
}

または、画像に直接スタイルを設定する場合は、HTM1は以下のようになり、CSSは上記と同じになります。

<img class="someclass" src="" />

Answer 2

コンテンツが動的に追加される場合、新しいコンテンツが DOM に追加されるとスタイルが自動的に適用されるため、心配する必要はありません。必要なコンテンツを挿入すると、そのコンテンツに一致する CSS ルールが存在する限り、ブラウザーが残りを処理します。

アップデート

最初はあなたの質問を誤解していたかもしれません。ユーザーがブログ投稿のマークアップを完全に制御できる場合、最良の方法は、各ブログ投稿をラップするコンテナー内のすべての画像を選択するセレクターを使用することだと思います。

各ブログ投稿が class を持つ要素内でレンダリングされるとしましょうpost。次に、次のようなことができます。

.post img {
   border: 1px solid #000;
}