'&:hover'和'& :hover'伪选择器有什么区别



我在Material UI中为按钮设置样式,当我试图为悬停效果添加样式时,我注意到了一个奇怪的行为(奇怪是因为这是出乎意料的,我不明白其中的区别)。最初我尝试了& :hover,但只有按钮的内部跨度受到了影响。然后我尝试了&:hover,得到了想要的样式。这两者有什么区别?除了空间^_^

  • &:hover直接作用于所选元素
  • & :hover对所选元素内部的元素产生影响

来自W3:

  • .class1.class2选择类属性中同时设置了-name1和name2的所有元素
  • .class1 .class2选择名称为2的所有元素,该元素是名称为1的元素的后代

最新更新