[CSS] 우선순위

 

프로그래밍 세계를 탐구합시다.

 

 

(1) 스타일 우선순위

 

스타일 적용 우선순위

1. !important

↓

2. 인라인 스타일

↓

3. id 스타일

↓

4. 클래스 스타일

↓

5. 타입 스타일

 

선택자 정보는 앞 포스팅 참고

2023.08.25 - [분류 전체보기] - [CSS] 선택자

[CSS] 선택자

 

 

(2) 스타일 상속

 

선택자	HTML 코드	CSS 표현
하위	<a>   <b>     <a> <b>	a b { }
자식	<a>   <b>     <a> <b>	a > b { }
형제	<a>   <b>     <a> <b>            <a> <b>	a ~ b { }
인접형제	<a>   <b>     <a> <b>             <a> <b>	a + b { }
가상클래스	<parent>   <a> <b> <b> </parent> <parent>   <a><b><a><b><a><b><a> </parent>	b:nth-child(2) { } a:nth-of-type(2) { }
전체	<a><b><c><d>	*