可以写成这样的,这样不会占用无用的时间
.list{
width: 600px;
margin: 0 auto;
list-style-type: none;
>li{
width: 600px;
height: 30px;
line-height: 30px;
background-color: pink;
margin-top: 10px;
padding: 0 10px;
&:hover{
color: red;
}
>a{
float: left;
}
>span{
float: right;
}
}
}
.list{
width: 600px;
margin: 0 auto;
list-style-type: none;
>li{
width: 600px;
height: 30px;
line-height: 30px;
background-color: pink;
margin-top: 10px;
padding: 0 10px;
&:hover{
color: red;
}
>a{
float: left;
}
>span{
float: right;
}
}
}
这老师这水平还要推荐到慕课吗?发音发音不行,算数算数不行!写个嵌套方法还出问题,告诉不要层级写样式??你是不知道层级写样式是为了权重想对高一些吗,别的页面的同名标签不会覆盖倒此标签!
visual studio code 里面有个 easy less 插件。可自动生成css,不用再去装koala。
2018-02-07