css 3

Reset css

reset css는 대부분의 태그에 margin, padding, border가 모두 0인 css 파일을 말한다.
기본 브라우저 스타일을 없애고 처음부터 디자인하고 싶을 때 사용한다.

https://cssdeck.com/blog/scripts/eric-meyer-reset-css/

css:not

BEM을 따르지 않고, id를 써서 한다면 이렇게 해야한다.

/*input type이 submit이 아닐 경우에만 적용*/
#login-form input:not([type="submit"]) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: border-color 0.3s ease-in-out;
}
/*input type이 submit인 경우에만 적용*/
#login-form input[type="submit"] {
  background-color: var(--yellow);
}