css 속성 강제적용 important

개발을 하다가 태그 style에 속성을 적용했는데 적용이 안되는 경우가 있어 찾아봤다.

 

!important 이것의 기능을 모르다보니 조금 헤맷다.

 

예를 들어 css에 input { color : blue !important; } 이렇게 선언이 되어 있고

 

html에서 <input type="text" value="Good" style="color:red;" /> 코딩을 하였다고하면

 

글자색은 파란색이 나올까? 빨간색이 나올까? 결과는 파란색이 나온다.

 

!important 는 우선적으로 적용이 되고 아래와 같은 형태로 작성이 되어진다.

 

선택자 { 속성: 속성값 !important;}