<p id="my-id" class="a b">
    문단 요소입니다.
</p>
* {
    color: red;
}
p {
    color: blue;
}
#my-id {
    color: green;
}
.a {
    color: olive;
}
.b {
    color: pink;
}
<p> 요소에 CSS가 적용된 모습 여러 선택자가 <p> 요소를 선택하여 스타일하였지만, #my-id 선택자로 스타일한 값인 green이 적용되었습니다.
h2 {color: red;} /* 구체성 값 = 0,0,0,1 */

p em {color: purple;} /* 구체성 값 = 0,0,0,2 */

.grape {color: purple;} /* 구체성 값 = 0,0,1,0 */

* .bright {color: yellow;} /* 구체성 값 = 0,0,1,0 */

p.bright em.dark {color: maroon;} /* 구체성 값 = 0,0,2,2 */

#id216 {color: blue;} /* 구체성 값 = 0,1,0,0 */

p#addr [href] {color: gray;} /* 구체성 값 = 0,1,1,1 */
<p id="my-id" class="a b">
    문단 요소입니다.
</p>
* {  /* 구체성 값 = 0,0,0,0 */
    color: red;
}
p {  /* 구체성 값 = 0,0,0,1 */
    color: blue;
}
#my-id {  /* 구체성 값 = 0,1,0,0 */
    color: green;
}
.a {  /* 구체성 값 = 0,0,1,0 */
    color: olive;
}
.b {  /* 구체성 값 = 0,0,1,0 */
    color: pink;
}
<p> 요소에 CSS가 적용된 모습 구체성 값이 가장 큰 #id 선택자의 값인 green이 적용되었습니다.
<h1 id="green-color" style="color:red;">id로 선택된 제목글입니다.</h1> <!-- 구체성 값 = 1,0,0,0 -->
<p id="my-id" class="a b">
    문단 요소입니다.
</p>
* {  /* 구체성 값 = 0,0,0,0 */
    color: red;
}
p {  /* 구체성 값 = 0,0,0,1 */
    color: blue;
}
#my-id {  /* 구체성 값 = 0,1,0,0 */
    color: green;
}
.a {  /* 구체성 값 = 0,0,1,0 */
    color: olive !important; /* !important 사용 */
}
.b {  /* 구체성 값 = 0,0,1,0 */
    color: pink;
}
<p> 요소에 CSS가 적용된 모습 구체성 값 규칙을 무시하고 !important를 사용한 요소 선택자의 스타일이 적용되었습니다.
<p class="a b">
    p 문단 요소입니다.
</p>
.a {  /* 구체성 값 = 0,0,1,0 */
    color: olive;
}
.b {  /* 구체성 값 = 0,0,1,0 */
    color: pink;
}
<p> 요소에 CSS가 적용된 모습 나중에 스타일을 정의한 선택자의 스타일이 지정됩니다. 덮어쓰기(Override)를 하는 것입니다.
<p class="a b">
    p 문단 요소입니다.
</p>
.a {
    color: olive; /* 같은 속성을 여러 번 지정했습니다. */
    color: red; /* 같은 속성을 여러 번 지정했습니다. */
}
<p> 요소에 CSS가 적용된 모습 나중에 스타일을 정의한 속성의 스타일이 지정됩니다. 덮어쓰기(Override)를 하는 것입니다.
<p class="a b">
    p 문단 요소입니다.
</p>
.a {  /* 구체성 값 = 0,0,1,0 */
    color: olive !important;
}
.b {  /* 구체성 값 = 0,0,1,0 */
    color: blue !important;
}
<p>요소에 CSS가 적용된 모습 구체성 값이 같을 경우 나중에 !important 선언을 한 선택자의 스타일이 지정됩니다. 덮어쓰기(Override)를 하는 것입니다.