background: #6189b5/*背景色为天蓝色*/
color: #6189b5/*文字颜色也是天蓝色,但在这个例子里无效,a标签文字颜色应该在a标签里设置*/
font-size: 18px/*字体大小18像素*/
padding: 8px/*内边距上下左右都是8像素*/
padding-top: 10px/*重置了刚才设置的内边距上面为10像素*/
display: block/*设置为块元素*/
height: 65px/*设置高度为65像素*/
-webkit-box-shadow: 1px 1px 10px #121212/*设置谷歌浏览器有个灰色阴影*/
border-top: 1px solid #fff/*设置上边框是1像素实线白色*/
}
.lanmux a {
color: #ffffff/*设置文字颜色为白色*/
width: 20%/*每个a标签宽度是整个父元素宽度的20%,排不下就另起一行*/
float: left/*左浮动*/
text-align: center/*文字居中*/
margin-bottom: 8px/*下外边距是8像素*/
background: url(images/liboxbg.gif) no-repeat right /*背景图片*/
}
.lanmux a:nth-child(5), .nav02 a:last-child{background:none}/*把.lanmux下面所有a标签里的第5个a标签和.nav02下面所有a标签里的最后一个a标签设置为没有背景*/
#id.class的意思是一个元素定义了一个id的同时还具备对应的一个class样式。例如#skin_0.selected这个样式,就只有在li定义了id为skin_0的同时还定义了.selected的时候才会生效,如果只是给li单单定义一个selected,这个样式是不会生效的。因为你的这一段css代码里面,列表里的6个LI的背景是一个大图里面的六个部分,所以就要单独定义每一个li的背景,但一个li被选中时,JS会给它加上一个selected的CLASS,如果直接写成.selected,就不能单个定义这6个li被选中的状态了~~