[CSS] hover style 효과 삭제하기

:hover:not(.class)

 

See the Pen Untitled by 우세림 (@yrrzbplw-the-builder) on CodePen.

 

css 문법이라 sass 에서도 가능하다.

export const Button = styled.button`
  background-color: #ccc;
  
  &:focus:not(.empty) {
    background-colo: #0090ff;
  };
  &:hover:not(.empty) {
    background-colo: #0090ff;
  }
  &.user_button:not(.empty) {
    background-colo: #0090ff;
  }
`;