关于hover的触发问题...............

下面两个hover如何才能同时触发

.txt1:hover{
            top: 80%;
            opacity: 0;
        }

        .mask1:hover{
            opacity: .0;
        }


```我光标移动到txt1区域只会触发txt1的,移动到mask1上触发mask1的.如果我想移动到txt1上同时触发mask1该怎样

.txt1与 .mask1为子父级并且.txt1包含 .mask1可实现,

.txt1:hover{
            top: 80%;
            opacity: 0;
        }
 .txt1:hover  .mask1 {
            opacity: .0;
        }

也可以使用sass写法
.txt1:hover{
top: 80%;
opacity: 0;
.mask1{
opacity: .0;
}
}