子元素怎么能不继承父元素的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 }