css中的这个语句是什么意思?

html-css013

css中的这个语句是什么意思?,第1张

.lanmux {

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被选中的状态了~~