!important 규칙은 CSS를 계단식으로 만드는 방법을 제공합니다. 여기에는 항상 적용되어야 하는 규칙도 포함됩니다. !important 속성이 있는 규칙은 CSS 문서에서 해당 규칙이 나타나는 위치에 관계없이 항상 적용됩니다.
예를 들어 다음 스타일 시트에서 첫 번째 스타일 속성이 빨간색으로 적용된 경우에도 단락 텍스트는 검정색이 됩니다. -
<style>
<!--
p {
color: #ff0000;
}
p {
color: #000000;
}
-->
</style> 속성이 항상 적용되도록 하려면 !important 속성을 태그에 추가합니다. 따라서 단락 텍스트를 항상 빨간색으로 만들려면 다음과 같이 작성해야 합니다. -
예시
<html>
<head>
<style>
p {
color: #ff0000 !important;
}
p {
color: #000000;
}
</style>
</head>
<body>
<p>Tutorialspoint.com</p>
</body>
</html>