html - Div 容器不响应 CSS 代码/命令

Question

在一个练习网站上，我目前有一个 div 容器，其类为“jumbo-slider__information”，它不响应任何 CSS 代码。我正在尝试添加一个蓝色边框，并通过 CSS 使用以下方法操纵子元素的定位:

display: flex;
flex-direction: column;
justify-content: center;

我已经仔细检查了类名是否有任何拼写错误。

请在此处观看我简短的 2 分钟屏幕共享视频，详细描述问题:
https://drive.google.com/file/d/1nY6Gbw2UBhAgUZDZA4yUiW3nd9dkJ9Hm/view

另请在 CodePen 上查看我完整的 HTML 和 CSS 代码: https://codepen.io/rashadnelson/pen/ExXZRZV

我期待任何见解。

Answer 1

您的 CSS 在 .jumbo-slider__information 选择器上方无效。去掉后面的分号:

.jumbo-slider__slide--active .jumbo-slider__slide-bg {
  opacity: 0.5;
};

这应该是:

.jumbo-slider__slide--active .jumbo-slider__slide-bg {
  opacity: 0.5;
}

CSS Syntax Documentation