스타일 적용 우선순위 & n-th selector

 

[CSS] 적용 우선 순위

 

•  Inline > Internal > external style 순

Inline	IDs	Internal	external
style="color: #ffffff;"	#id { color: #ffffff }	a:hover { color: #ffffff }	div, h1, :before, :after

• 두 가지 같은 등급시 가장 마지막으로 적용한 것이 우선순위 高

같은 레벨이라 가정하면 더 나중에 선언된 것이 우선순위 높게 책정됨.

 

• 특정도 계산식 존재

계산식

specify 특정도가 높을 수록 우선순위 高

 

 

---

nth-child()

특정 n번째 있는 요소 선택자

:nth-child(an + o)

o: offset 상수

n의 시작점은 0, 1, 2 ...

a, o 는 정수만 가능.

 

 

 

[Reference]

https://www.w3schools.com/cssref/sel_nth-child.asp