коробка-предмет с скользкими слайдами с разными цветами фона

Question

как я могу дать 3 скользящих слайда из элемента в блоке различный фон цветов для каждого из них?

Теперь все они имеют одинаковый цвет фона, поэтому в css это:

.box .box-item .box-content
{
 background:#aeaeae
}

Заранее большое спасибо!

Answer 1

Вы можете использовать селектор :nth-child() для нацеливания на ваши три элемента.

:nth-child(1) нацелится на первого ребенка, :nth-child(2) на второго и т. Д.

Вы также можете встроитьваши стили непосредственно на этих <div> элементах, если вы не хотите писать правила CSS только для этих блоков.Это будет выглядеть как <div style="background-color:#a00;"></div>