現(xiàn)在有一個嵌套的結(jié)構(gòu)<style>   div{ display: inline-block; margin: 50px;}  .box-3{ width: 200px; height: 200px; background: pink}  .box-2{ background:rgb(113, 160, 179)}  .box-1{ background:thistle}  div:hover{ outline:2px dashed rebeccapurple}</style><div class="box-1">   <div class="box-2">     <div class="box-3"></div>   </div></div>我想實現(xiàn)的效果是經(jīng)過哪個元素哪個元素就有hover效果，實際情況是當hover到子元素時，父元素也會觸發(fā)hover效果，有點類似js中的冒泡請問有沒有css的解決方式呢？注：js可以實現(xiàn)，不需要js實現(xiàn)方法，謝謝下面是js實現(xiàn)demohttps://codepen.io/xboxyan/pe...