这段css代码大概是啥意思

Posted 2023-03-26

.sideBar .menuBox li
font:14px 宋体;
height:30px;
line-height:25px;
border-top:1px white solid;


.sideBar .menuBox li a
display:block;
padding-left:35px;
background:transparent url('images/menu-bullet.png') no-repeat 20px center;
height:25px;


.sideBar .menuBox li a:hover
display:block;
color:#069;
background:white url('images/menu-bullet.png') no-repeat 20px center;

.sideBar .menuBox li                       <!-- li控件的样式 -->
font:14px 宋体;
height:30px;
line-height:25px;
border-top:1px white solid;


.sideBar .menuBox li a                      <!-- li控件中的a标签样式 -->
display:block;
padding-left:35px;
background:transparent url('images/menu-bullet.png') no-repeat 20px center;
height:25px;


.sideBar .menuBox li a:hover                <!-- 鼠标放在a标签上时，a标签的样式 -->
display:block;
color:#069;
background:white url('images/menu-bullet.png') no-repeat 20px center;

参考技术A .sideBar .menuBox li //cass为sideBar 里的menuBox里的 li 的样式
font:14px 宋体; 字体为大小14px 宋体
height:30px; //高度：30px
line-height:25px; //行高：25px
border-top:1px white solid; //上边框 1px 白色 单线

.sideBar .menuBox li a li里面的a标签的样式
display:block; //块区域 默认的
padding-left:35px; //左边的外边距为35px
background:transparent url('images/menu-bullet.png') no-repeat 20px center; //背景用图片代替
height:25px; //高度25px


.sideBar .menuBox li a:hover //a 标签鼠标移上去的效果
display:block; //默认
color:#069; //a 标签字体的颜色变成#069 的颜色
background:white url('images/menu-bullet.png') no-repeat 20px center; //背景用图片
本回答被提问者采纳