Javascript 如何在css中将图像仅设置为某个视差部分

我的网站上的代码有问题。基本上，我已经在我的部分（section-743）页面上插入了以下html代码：

我如何告诉CSS只在网站的“section-743”中显示图像和视频？而不是像现在一样，在博客帖子和其他小部件中随处可见它不应该显示的地方

我试图补充：

.section-743

及

在CSS的开始，但不幸的是它没有工作。你知道我该怎么解决这个问题吗？基本上，笔记本电脑图像应该只显示在我网站的视差部分，而不是其他任何地方

我期待着收到你的来信

---

提前感谢您的帮助！非常感谢

看看这篇文章：

你要找的是ID和类选择器。然而，这些并不是魔法，需要您将它们分配给页面上的元素

我将ID添加到示例中的

DIV

标记中（并添加了结束

DIV

标记）：

请注意最后一个，它允许您引用

innerDiv

中的

IFRAME

请记住，您的ID对于整个页面必须是唯一的

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

#section-743

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

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