子元素怎么能不继承父元素的hover效果？

Question

.main-container .main-content1 .move .list-one>li.on:after{

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    width: 0;

    height: 100%;

    background-color: rgba(0,0,0,.5);

    transition: .5s;

}

}

.main-container .main-content1 .move .list-one>li.on:hover:after{

    width: 100%;

}

我不希望鼠标移动到li的子元素也出现效果，该怎么弄

Answer 1

那就li:hover { 这里写原始属性, 如 width:  0 }