SASS:如何在嵌套的decleration中获得父级的宽度和高度？

Question

我想要一个子元素继承与父母相同的维度.如何访问父宽度和高度？像这样的东西:

 .thumb {
    width: 120px;
    height: 120px;);
    .content {
    width: $parent.width()};
    height: $parent.height()}}

Answer 1

这些回复都没有回答问题,真的.

假设我正在使用rems或vws或一些不起眼的属性,并且需要明确定义say,a line-height,而不是a height.

据我所知,答案是无法动态获取父属性值.但是,您可以将高度存储在父作用域中的变量中,然后在层次结构中进一步重复使用它.

Answer 2

.thumb {
    width: 120px;
    height:120px;
    .content {
        width:100%;
        height:100%;
        display:block;
    }
}

您可能也需要也可能不需要display:block父元素，具体取决于其类型。