css - 我可以使用 CSS 编辑类幻灯片的背景吗？

Question

我有一个图像幻灯片，下面有描述符。 我可以使用与此类似的代码将背景从灰色编辑为其他颜色吗

class overlay-below {
  background: #EECEFD;
}

Answer 1

你的语法错误:

.overlay-below {
  background: #EECEFD;
}

考虑以下 HTML 标记:

<div class="container" id="main_page">
    <div class="column" id="profile">
        ...
    </div>
    <div class="column" id="status">
        ...
    </div>
</div>

在没有任何其他标记的情况下，以下是等效的:

.container {}
.container#main_page {}
#main_page{}

这些都是:

.container .column {}
.container#main_page .column {}
#main_page .column {}
.column {}

这些都是:

.container .column#profile {}
.container#main_page .column#profile {}
#main_page .column#profile {}
.column#profile {}

.container #profile {}
.container#main_page #profile {}
#main_page #profile {}
#profile {}

如您所见，CSS 中有很多范围界定(这些声明甚至没有穷尽此标记本身的可能性)。另请记住，您是否可以实际调整幻灯片背景的颜色取决于多种因素，包括(但不限于)它是否在您使用的任何幻灯片库中都可接受。