업데이트:

reset CSS를 작성할 때 요소의 border를 없애려 사용하는 border: none/border: 0 선언.
언뜻 보면 똑같아 보이지만 확연한 차이가 있음을 알았음..

코드

See the Pen XWbRvJP by sel (@selucky) on CodePen.

  1. 모든 input 요소에 border: 2px solid #333 선언.
  2. border: 0을 선언한 input에 border-style: dashed를 선언하면 통하지 않음.
  3. border: none을 선언한 input에 border-style: dashed를 선언하면 통함.
  4. border-style은 border: none보다 우선순위가 높아서 이런 현상이 발생.
  5. border-style 다음에 border: none을 선언하면 캐스케이딩 원칙에 따라 후자가 적용됨.