我们可以在一个选择器中嵌套另一个选择器来实现继承(使用串联选择器而不是后代选择器时可以用&,&相当于this)
body{ //less
font-size: 20px;
h1{
font-size: 23px;
p{
a{
text-decoration: none;
&:hover{
cursor: pointer;
}
}
}
}
}
body { //css样式
font-size: 20px;
}
body h1 {
font-size: 23px;
}
body h1 p a {
text-decoration: none;
}
body h1 p a:hover {
cursor: pointer;
}