CSS의 !important 활용하기

CSS의 !important 활용하기

---

---

css는 같은 속성을 여러번 정의 하였을때, 나중에 설정한 값이 적용됩니다. 만약 나중에 설정한 값이 적용이 되지 않게 하려면 속성값 뒤에 !important 를 붙이셔야 합니다.

property: value !important;

예를 들어서 다음은 마지막에 설정한 color의 값이 blue이기에, red는 무시하고 문단의 글자색상을 파란색으로 만들어 줍니다.

p {   color: red; } p {   color: blue; }

 

다시 속성값을 재설정을 하고 싶으시다면 !important를 다시 붙여넣습니다. 예를 들어 다음은 문단의 글자색을 녹색으로 만들어줍니다.

p {   color: red !important; } p {   color: blue; } p {   color: green !important; }

 

CSS 표만들기 및 테두리 꾸미는 방법

 

CSS 표꾸미기, 정렬하는 방법

 

CSS 테이블 꾸미기, 표 크기 설정하는 방법

 

CSS를 HTML에 적용하는 방법 및 설명

css 기초 여러가지 문법 만들기