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
}