만약 h1에 해당하는 css가 같다면, 더 나중에 표기된 css가 적용 되게 된다. 예를 들어,
이러한 html에
이러한 css가 적용된다면 h2는 더 뒤에 쓰여진 section때문에 yellow가 적용되게 된다.
만약 같은 부분(element or class or id..)에 다른 css가 적용 된다면,
다음과 같은 중요도로 따져 어떠한 css가 결정 되는지 알 수 있다.
예를 들어,
같은 paragraph에 다른 css가 적용된다면 두개의 element를 표기한 두번째에 따라 teal color가 적용된다. 하지만, 아무리 많은 element라도 class를 이기지 못하고 아무리 많은 class라도 id를 이기지 못한다.
만약 css specificity를 비교하고 싶으면,
https://specificity.keegan.st/
위 사이트를 이용하면 좋다.
그 이외에 inline에 style을 지정하거나 !important를 쓴다면 더 우선 순위가 된다.
