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 中有很多范围界定（这些声明甚至还没有详尽地说明仅此标记的可能性）。另外请记住，您是否可以实际调整幻灯片背景的颜色取决于许多因素，包括（但不限于）在您使用的任何幻灯片库中是否可以接受。