!important

CSS skills(3) - !important , class 여러 개 주기 , input:focus { }

!important class 여러개 주기 input:focus { } 해당 속성에 대해 설명하기 위해 다음과 같은 html 코드가 작성되어 있다고 하자. 간혹 코드를 작성하다 보면 위에 있는 코드처럼 엘리먼트에 두개 이상의 css 속성이 작성되는 경우가 발생할 수 있다. 이때 동일한 속성에 대해 아래에 적혀있는 css가 위에 위치한 css를 덮어버리는 현상이 발생하는데 만약 작성된 css의 개수가 많아지게 되면 해당 부분을 찾아내서 수정하기가 번거로워지는 상황에 처하게 된다. 이러한 이슈를 해결할 때 사용되는 것이 바로 !important 이다. !important는 강제적으로 css를 적용할 때 사용하게 된다. !important가 작성된 코드에 우선순위를 부여해 해당 코드..