less css 二维,快速开发CSS的利器 - less 嵌套规则

快速开发CSS的利器 - less 嵌套规则 less 嵌套规则

嵌套，在我们HTML代码中一直都在使用，如div中的p元素等，对于我们样式的书写，需要使用div p {} 进行样式的指定，这也就是我们的后代选择器。不过写过项目的人都知道，为了防止样式的覆盖，每种选择器都是一大长串，写起来很麻烦~

less利用嵌套的书写方式，让我们在写后代选择器的时候有了新的方法。原来后代选择器的书写方式：

.arclist dl {

padding: 10px 20px;

border-bottom: 1px dotted #ccc;

}

.arclist dl:after {

.common-clearfloat;

}

.arclist dt {

float: left;

width: 120px;

height: 120px;

}

通过嵌套的方式书写样式的方法：

.arclist {

dl {

padding: 10px 20px;

border-bottom: 1px dotted #ccc;

&:after {

.common-clearfloat;

}

dt {

float: left;

width: 120px;

height: 120px;

}

}

}

更多搜索：本文无需标签！

您阅读这篇文章共花了： 

温馨提示：民间偏方秘方仅用于中医爱好者研究学习,未经专业人员指导切勿乱用！

博主简介：少林寺习武3年，中医世家，对玄学有一定的研究。在线人数：33人

需要相关资料请加博主微信

中医玄学交流加微信：hbxt998

赞 3

微信分享提示：①点击右上角的【∶】，②再点击【发送给朋友】或【分享到朋友圈】，让精彩传递！

HTML5 CSS3旋转放大特效代码

自适应布局-布局神器display:table-cell

昵称邮箱