not 속성 사용하기

 

폼의 인풋 전체에 적용된 bottom-border: var(--yellow); 를 로그인 버튼은 제외하고 표현하고 싶을때,

#login-form input:not([type="submit"]) {   /* input type이 submit이 아닐 때에만 border-bottom과 transition 적용 되도록 */

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  transition: border-color 0.3s ease-in-out;

}

이렇게 not 속성을 이용할 수 있다.