注意：你可能对这些内容感兴趣

你错你活该！定能让你跪下唱征服的星座女

点击

对于这个元素我们增加了如下样式：

margin-top: 10px; 表示上边距为10px

height: 30px; 表示高度为30px

line-height: 30px; 表示行高为30px

overflow: hidden; 表示内容超出时隐藏溢出部分

text-align: center; 表示文字居中

* border-bottom: 1px solid eee; 表示下边框为1px的实线颜色为eee

padding-bottom: 5px; 表示底部的内边距为5px

对于 > span元素我们增加了float: left; 表示内边距在元素左边并且元素会向左浮动

width: 25%; 表示每个元素的宽度为总宽度的25%

position: relative; 表示元素相对于其正常位置进行定位

cursor: pointer; 表示鼠标指针放在元素上时会变成手型指针表示可以点击

对于 > span.active元素我们增加了color:ef4c4d; 表示当元素被激活时文字颜色为ef4c4d

对于 > 元素我们增加了content: ""; 表示伪元素的内容为空并且位置为绝对定位位于元素底部并且向左偏移50%高度为2px宽度为70px背景色为ef4c4d这表示当某个星座被选中时其的颜色变为ef4c4d。

鲜花