less模块——嵌套

最新推荐文章于 2024-09-11 20:56:23 发布

YUHUI01

最新推荐文章于 2024-09-11 20:56:23 发布

阅读量520

点赞数

分类专栏： less模块文章标签： less嵌套

本文链接：https://blog.csdn.net/yuhui01/article/details/80945179

版权

less模块专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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