CSSの特定の視差部分にのみ画像を設定するには

Question

私のウェブサイトでのコーディングに問題があります。

> <div> 
>  <div> 
>   <iframe width="315" height="200" src="//www.youtube.com/embed/ucXRLnIkTyQ" frameborder="0" 
> allowfullscreen></iframe> 

と静止画像にビデオを設定するには、次のCSS：基本的に私は私のセクション（セクション-743）であるページに次のHTMLコードを挿入した

div { 
    position: relative; 
    padding-top: 25px; 
    padding-bottom: 67.5%; 
    height: 0; 
} 
div iframe { 
    body.home 
    box-sizing: border-box; 
    background: url(http://www.ildottoredellepiante.it/formazione/wp-content/uploads/2017/05/laptop-png-6754.png) center center no-repeat; 
    background-size: contain; 
    padding: 1% 17.5% 19.8%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

ウェブサイトの「section-743」にのみイメージとビデオを表示するには、CSSでどのように伝えることができますか？今のようなものではなく、どこにでも投稿してはいけないブログ投稿や他のウィジェットに表示されています。

私が追加しようとしました：

.section-743 

と

#section-743 

をCSSの先頭に残念ながら、それは動作しませんでした。どのように私はこれを修正できますか？基本的には、ノートパソコンの画像は、他の場所ではなく私のウェブサイトの視差部分にのみ表示されます。

私はあなたからのご意見をお待ちしております。

ご協力いただきありがとうございます。それは非常に感謝しています！

Answer 1

この記事を見てみましょう：あなたが探しているものhttps://www.w3schools.com/css/css_syntax.asp

は、IDとクラスセレクタです。しかし、これらは魔法ではなく、ページの要素に割り当てる必要があります。私は（と私は終了DIVタグを追加しました）あなたの例からDIVタグにIDを追加

：

#outerDiv { 
    /* outer div style */ 
} 
#innerDiv { 
    /* outer div style */ 
} 
#innerDiv iframe { 
    /* iframe inside innerDiv style */ 
} 

：

今

<div id="outerDiv"> 
    <div id="innerDiv"> 
     <iframe width="315" height="200" src="//www.youtube.com/embed/ucXRLnIkTyQ" frameborder="0" allowfullscreen></iframe> 
    </div> 
</div> 

を、あなたはこのようなあなたのCSSでDIVタグを参照することができます

の中にあるIFRAMEを参照できる最後の通知に注目してください。

ID は、がページ全体で一意である必要があります。