SCSS条件样式

Question

条件（伪代码）=>

.parent:hover && .child:not(:focus) 

提供条件时样式应该起作用=>

  .parent {
    ...style1

    .child {
      ...style2
    }
  }

[parent类为[[hovered，而child类为[[nonfocused]时，整个样式应该可以使用，但我还是无法实现。我该怎么办？

Answer 1

    .parent:hover {
     //some parent hover styling
        .child {
           // some child styles when parent is hovered
           &:not(:focus) {
              //some overrides when child isfocused
           }
    }

您还可以将not方法用于其他各种排除项目>>