问答详情
源自:5-5 CSS3背景 制作导航菜单综合练习题

理解一下代码

.nav a:hover {

 -webkit-transform:rotate(10deg);

 -moz-transform:rotate(10deg);

 -o-transform:rotate(10deg);

 -ms-transform:rotate(10deg);

 transform:rotate(10deg);

}


.nav li:last-child:after{

       width:0px;

            height:0px;

}

.nav a,

.nav a:hover{

 color:#fff;

 text-decoration: none;

}

那位学长,学姐可以帮我理解一下这俩段代码,实在看不懂

提问者:安静的学者 2017-08-06 13:22

个回答

  • 行道树
    2017-08-06 19:58:20

    代码片段已经注释很清楚了,第一个是代表当你把鼠标移动到上面时候文字有一定倾斜(旋转10度);第二个是通过设置后面的伪类的宽高为0达到去掉分割线果;最后一个去掉a元素的默认下划线