添加注释.arrowLeft,.arrowRight{ /*设置该元素的定位方式为绝对定位*/ position: absolute; /*宽度为30像素*/ width: 30px; background: reba(0, 0, 0, 0.2); height: 50px; line-height: 50px; text-align: center; top: 100px: z-index: 150; font-family:"微软雅黑"; font-size: 28px; font-weight: bold; cursor: pointer; display: none; } .arrowleft{ left: 10px; } .arrowRight{ right: 10px; }

这段代码是用来设置左右箭头的样式。其中，`.arrowLeft`和`.arrowRight`分别表示左箭头和右箭头的样式。`position: absolute`表示使用绝对定位，`width: 30px`表示宽度为30像素，`background: rgba(0, 0, 0, 0.2)`表示背景颜色为半透明黑色，`height: 50px`表示高度为50像素，`line-height: 50px`表示行高为50像素，`text-align: center`表示文本居中对齐，`top: 100px`表示距离顶部100像素，`z-index: 150`表示层级为150（可以理解为在其他元素之上），`font-family:"微软雅黑"`表示字体为微软雅黑，`font-size: 28px`表示字体大小为28像素，`font-weight: bold`表示字体加粗，`cursor: pointer`表示鼠标指针变成手型，`display: none`表示初始时不显示箭头。`.arrowleft{ left: 10px }`表示左箭头距离左侧10像素，`.arrowRight{ right: 10px }`表示右箭头距离右侧10像素。