嵌套在更少
在 Less 中,你可以编写更简单的 CSS 规则并保持格式良好,因此不要编写此代码:
CSS
.item {
border: 1px solid;
padding: 4px;
}
.item .content, .item .image {
float: left;
}
.item .content {
font-size: 12px;
}
.item .image {
width: 300px;
}
你可以这样写:
减
.item {
border: 1px solid;
padding: 4px;
.content, .image {
float: left;
}
.content {
font-size: 12px;
}
.image {
width: 300px;
}
}
而 Less 会将该代码编译成我们都知道的普通 CSS。