Question

.about-board {position: relative;text-align: center;
    &__img {position: relative;left: 0;top:0;width: 100%;height: 100%;display: block;
        .about-board:hover & {background: @pomeg;background: fade(@pomeg, 72%);}
    }
    &__desc {width: 100%;bottom: 0;left: 0;position: absolute;background: #2d1e1d;background:rgba(45,30,29,0.87);.transition(all 0.7s ease 0s;);padding: 20px;color: #fff;
        .about-board:hover & {top: 100%;bottom: auto;background: #2d1e1d;}
    }
}

这是我的LESS代码，我想知道的是，选择.bout-board的方向/方法，因为，当我使用＆amp; - 它选择直接在父母之上。真的有可能吗？

/ ******************有什么方法可以达到这样的目的吗？****************** *********** /

.about-board {position: relative;text-align: center;
    &__img {position: relative;left: 0;top:0;width: 100%;height: 100%;display: block;
        &&:hover & {background: @pomeg;background: fade(@pomeg, 72%);}
    }
    &__desc {width: 100%;bottom: 0;left: 0;position: absolute;background: #2d1e1d;background:rgba(45,30,29,0.87);.transition(all 0.7s ease 0s;);padding: 20px;color: #fff;
        &&:hover & {top: 100%;bottom: auto;background: #2d1e1d;}
    }
}

我不想一次又一次地写那个.bout-board。我试过这个就是上面显示的＆amp;＆amp;方法，但它不能这样工作。

如何在LESS中选择第一个父元素

0 个答案: