标签名与：hover前是否有空格

 #submitPassed:hover{
      box-shadow: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%);
    }

不加空格，影响的是自身或其他相邻兄弟元素， 写的是一个划过出现盒阴影效果

#submitPassed :hover {
      box-shadow: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%);
    }

这个加了空格，只会对该元素的子元素产生影响，如图