less模块——嵌套

我们可以在一个选择器中嵌套另一个选择器来实现继承(使用串联选择器而不是后代选择器时可以用&,&相当于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;
}


猜你喜欢

转载自blog.csdn.net/yuhui01/article/details/80945179
今日推荐