생활코딩

CSS 적용과 선택자 우선순위

S_sunny 2022. 9. 6. 18:59

CSS 를 따로 사용하게 되면

1) 유지보수가 수월해지고 

2) 프로그램의 가독성이 좋아진다.


CSS적용방법

1. HTML의 style속성(CSS의 효과를 담고 있음)을 사용.

<a style="~~~"></a>

 

2. style태그를 사용.

<style> 

     사이에 선택자 명시 후, CSS 효과 기재

</style>


CSS적용 우선순위

인라인 스타일 지정(직접지정) > id선택자 > class선택자 > 태그선택자(나중에 선언) > 태그선택자 (초기에 선언)

* id는 유일한 고유값이기 때문에 우선 적용

** 같은 종류의 선택자일 경우, 위치를 더 구체적으로 지정한 CSS가 우선순위를 갖는다.