Less嵌套写法
举例:
<div class="header">
<a href="#">文字</a>
</div>
要给a标签里的文字添加颜色,我们css的写法是.header a {}
在less中子元素的样式直接写到父元素里边就好了:
.header {
width: 200px;
height: 200px;
background-color: pink;
// 1、less嵌套 子元素的样式直接写到父元素里面就好了
a {
color: red;
}
}
注意:如果有交集|伪类|伪元素选择器,要在内层选择器前面加&符号
交集选择器举例子: