HTML - Selectors 우선순위

ex)1 #h2 {color:green;} h1 {color:orange;} .h1 {color:red;}

• 우선순위 속성을이용한태그 >아이디 > 클래스 > 태그명

ex)2 .h1 {color:green;} .h1 {color:orange;} .h1 {color:red;} -> 위와같은경우는 덮어쓰기가되서 마지막께 적용된다.

ex)3 h1.h1 {color :green;} section > .h1 {color : orange;} section > h1 {color : blue;} .h1 {color :red;}

• 우선순위 section> .h1 > section> h1 > h1.h1 > .hi