.slider img:first-child { display: block; } .slider button { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border: none; font-size: 24px; color: #fff; cursor: pointer; }

这段 CSS 代码定义了滑块中的第一张图像和按钮的样式。

`.slider img:first-child` 选择第一个 `img` 元素，并将其 `display` 属性设置为 `block`，使其显示在滑块中。

`.slider button` 定义滑块中的按钮样式。`position` 属性被设置为 `absolute`，这使得按钮相对于其最近的已定位祖先元素进行定位。`top` 属性被设置为 `50%`，这将使按钮相对于其容器的上边缘垂直居中。`transform` 属性被用来沿着垂直方向移动按钮，使其在垂直方向上居中。`background` 和 `border` 属性被设置为 `none`，以消除按钮的背景和边框。`font-size` 属性被设置为 `24px`，以定义按钮的字体大小。`color` 属性被设置为白色，以使按钮的颜色与滑块的背景颜色形成对比。`cursor` 属性被设置为 `pointer`，表示当鼠标指针悬停在按钮上时，鼠标指针将变为手形。