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 では多くの範囲指定が行われています (これらの宣言は、このマークアップだけの可能性を網羅しているわけではありません)。また、スライドショーの背景の色を実際に調整できるかどうかは、使用しているスライドショー ライブラリで許容できるかどうかなど、さまざまな要因に依存することに注意してください。