태그 우선 순위 점수

태그 : 1

클레스 : 10

가상요소(nth) : 10

아이디 : 100

css가 중첩 될 경우, 태그의 우선순위에 따라 적용이 된다.

ex)

<div class="box">
	<ul>
    	<li>
        	<a href="#null" class="link">test</a>
        </li>
    </ul>
</div>

<style>
	div ul li a {} -- 4
    .box ul li .link {} -- 22
    ul li a.link::before {} -- 23
</style>