手写笔:将鼠标元素悬停在父级上时将其定位

时间:2018-03-20 19:47:15

标签: css parent stylus targeting

我很难用Stylus定位子元素。

我可以使用:hover定位父级,但不知道如何到达其中的子元素。

守则:

.related.highlight-card
    $color = #3e085e
    height 350px
    overflow hidden
    position relative  

    &:hover
        color #cdc 

直到这里,它才有效,但是我找不到在.related.highlight-card内立即定位子元素的方法:

.related.highlight-card
        $color = #3e085e
        height 350px
        overflow hidden
        position relative 

        &:hover
            color #cdc

            .hightlight-card__caption
                background-color rgba(78, 15, 115, 0.84) 
                color #fff 

已经尝试在>之前使用&.hightlight-card__caption,但没有任何运气。

关于如何完成此任务的任何示例?

0 个答案:

没有答案