html - SASS 从父级到子级扩展/共享/继承特定属性，反之亦然

Question

是否可以在不创建变量的情况下从父级向子级扩展/共享选定/特定属性？

.main-container {
     padding: 20px;
     margin: 20px;

     ul {
          padding:$parentPadding();
          margin: 0;
     }          

 }

或相反亦然

Answer 1

在您的情况下，.main-container { ul {将呈现为.main-container ul {，一旦父元素ul将是.main-container您可以通过使用纯 CSS 解决方案来实现您想要的：inherit

ul{
  padding: inherit; //Will inherit the padding value of the parent element
}