css - less 引用元素选择器的样式

问题描述

问 题

demo:
       .page{
           p{
               font-size:15px;
               //...
           }
       }
       
       .book{
           .ok{
           //这里我想引用  .page下的p标签的样式，写法应该是怎样的？
            }
       }
       

---

在NicolasHe7启发下 ，去less上看了下语法。

不过由于 实际书写的过程中 .page p元素下仍有嵌套，所以 如果.ok需要继承 p标签下所有元素，完整写法 应该是:

 &:extend(.page p all);

解决方案

demo:

   .page{
       p{
           font-size:15px;
           //...
       }
   }
   
   .book{
       .ok{
           //尝试下继承嵌套选择器，能否满足你的需求
           &:extend(.page p);
        }
   }

这篇关于css - less 引用元素选择器的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！